echarts折线图展示问题?

echarts折线图展示问题:
使用折线图展示一年的采购价格,哪一天采购了就会有一个对应的价格数据,没有采购的日期数据就为空.使用‘connectNulls’将数据连接起来

x = ['2023-01-01','2023-01-02','2023-01-03',..,'2023-12-01',...,'2023-12-31']
y = ['','','10',...'12',...,'']

遇到的问题是,由于x轴坐标太多,echarts自身进行了优化展示,会导致’2023-12-01‘对应的‘12’这个数据点不展示。由于每个点都代表着“有进行采购”这个动作,所以有数据的点一定不能省去
例如下图:‘2021-11-06’日是有采购数据的,由于‘2021-11-06’被优化掉了,所以对应的数据点也没重点展示出来,应该如何做?
image.png

阅读 944
avatarAI BotBETA

这个问题可以通过设置 axisLabel.interval 为 0 来解决。这样 echarts 就不会对 x 轴进行优化展示了,每个数据点都会被重点展示出来。

具体的代码如下:

option = {
    xAxis: {
        type: 'category',
        data: x,
        axisLabel: {
            interval: 0, // 这个设置很重要,可以让每个数据点都被重点展示出来
        },
    },
    yAxis: {
        type: 'value',
    },
    series: [{
        data: y,
        type: 'line',
        connectNulls: true, // 这个设置也很重要,可以将空数据点连接起来
    }],
};

以上就是你的问题的答案,你可以试试看这个设置是否可以解决你的问题。

1 个回答
✓ 已被采纳

找到了,通过设置series里的showAllSymbol属性。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题