echarts折线图展示问题？

Question

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’被优化掉了，所以对应的数据点也没重点展示出来，应该如何做？

Answer 1

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

Answer 2

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

具体的代码如下：

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

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