echarts折线图x轴不从0开始

最新推荐文章于 2024-04-28 13:46:58 发布

冷冷清清中的风风火火

最新推荐文章于 2024-04-28 13:46:58 发布

阅读量8.3k

点赞数 1

分类专栏：前端 js 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_41451744/article/details/126518623

版权

20 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

1、问题描述

使用折线图展示相关数量时，发现在x轴上，折线不是从0开始的，结束的时候也不是在x最后
。如下图所示：
在这里插入图片描述
2、解决问题

在echarts图表x轴配置信息中有一个属性来控制是不是从0开始的。

xAxis: {
    type: 'category',
    boundaryGap: true,
    data: ['周一','周二','周三','周四','周五','周六','周日']
},

在xAxis中的boundaryGap属性，设置为false代表是零刻度开始，设置为true代表离零刻度间隔一段距离

修改过该属性后，就可以看到x轴就从0开始了
在这里插入图片描述

关注