echarts中x轴‘value’ 数值轴

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'
    }]
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值