1.设置x轴属性 type:"category"
此时x轴数据是数组中取值的,且不是从零开始,没有数据大小的区分。
2.设置x轴属性 type:"value"
此时x轴数据是从零开始,有数据大小的区分。
【原因分析】:
‘value’ 数值轴适用于连续数据。xAxis.data里面设置的数据无效,因为xAxis.data是为category服务的。
类目数据,在类目轴(type: 'category')中有效。
如果没有设置 type,但是设置了 axis.data,则认为 type 是 'category'。
如果设置了 type 是 'category',但没有设置 axis.data,则 axis.data 的内容会自动从 series.data 中获取,这会比较方 便。不过注意,axis.data 指明的是 'category' 轴的取值范围。如果不指定而是从 series.data 中获取,那么只能获取到 series.data 中出现的值。比如说,假如 series.data 为空时,就什么也获取不到。
【解决方法】:
通常来说,数据用一个二维数组表示。如下,每一列被称为一个『维度』
特别地,当只有一个轴为类目轴(axis.type 为 ‘category’)的时候,数据可以简化用一个一维数组表示
option = {
xAxis: {
type: 'value',
name: 'x轴'
},
yAxis: {
type: 'value',
name: 'y轴'
},
series: [{
data: [
[1,120],
[2,200],
[3,150],
[4,80],
[5,70],
[6,110],
[7,130]
],
type: 'line'
}]
};