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

在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]
[highcharts] 05_无数据处文字填充_第1张图片

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

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

设置stockOptions.chart.events
[highcharts] 05_无数据处文字填充_第2张图片

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

完结。

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

你可能感兴趣的:(前端highcharts)