04坐标轴

2017-10-30  本文已影响0人  我_巨可爱

坐标轴

下边的选项涉及xAxis或者yAxis,但有的层层嵌套

坐标轴组成

坐标轴标题axis Title

title 是一个对象,包含了以下选项

坐标轴刻度标签axis Labels

labels 是一个对象,包含了以下选项

formatter: function () {
    // this
    if(this.value <=100) { 
        return "第一等级("+this.value+")";
      }else if(this.value >100 && this.value <=200) { 
        return "第二等级("+this.value+")"; 
      }else { 
        return "第三等级("+this.value+")";
      }
}

坐标轴刻度axis Tick

以下的属性直接属于xAxis或者yAxis,x坐标默认是高5px,宽1px的细线。y轴默认没有刻度

坐标轴网格线axis gridLines

以下的属性直接属于xAxis或者yAxis

多轴

与数据有关

yAxis: [{
    // 省略代码
},{
    // 省略代码
    opposite: true // 该属性设置y轴在右侧
}],
series: [{
    type: 'line',
    yAxis: 0 // 使用第一个 y轴
},{
     type: 'spline',
     yAxis: 1 // 使用第二个 y轴
}]
  1. Series 中使用yAxis与每个y轴关联
  2. Series 中使用type设置的是图表的类型,yAxistype设置的是y轴的类型
yAxis: {
    type: 'linear',
}
// x轴分类
xAxis: {
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
}

其它属性

以下的属性直接属于xAxis或者yAxis

上一篇 下一篇

猜你喜欢

热点阅读