[highcharts] 05_无数据处文字填充

在highcharts中没有数据的单图会不作图。
在column图中(stockOptions.chart.type = “column”) 数据为null的column不会有展示,举例如下。
stockOptions.series.data = https://www.it610.com/article/[0.12, 0.255, 0.176, null, 0.189, 0.121, null, 0.08]
[highcharts] 05_无数据处文字填充
文章图片

4号、7号两column对应的值为null,highcharts不做图。
如果想要在这两个柱子处展示 '无数据'字样,需要用到highcharts的render事件以及renderer API。
设置stockOptions.chart.events
[highcharts] 05_无数据处文字填充
文章图片

此时图像绘制效果如下
[highcharts] 05_无数据处文字填充
文章图片

完结。
【[highcharts] 05_无数据处文字填充】同步更新到自己的语雀 https://www.yuque.com/diracke...

    推荐阅读