在highcharts中没有数据的单图会不作图。
在column图中(stockOptions.chart.type = “column”) 数据为null的column不会有展示,举例如下。

stockOptions.series.data = [0.12, 0.255, 0.176, null, 0.189, 0.121, null, 0.08]
image.png

4号、7号两column对应的值为null,highcharts不做图。

如果想要在这两个柱子处展示 '无数据'字样,需要用到highcharts的render事件以及renderer API。

设置stockOptions.chart.events
image.png

此时图像绘制效果如下
image.png

完结。

同步更新到自己的语雀 https://www.yuque.com/diracke...


DiracKeeko
125 声望2 粉丝