博客 / 詳情

返回

[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]
image.png

4號、7號兩column對應的值為null,highcharts不做圖。

如果想要在這兩個柱子處展示 '無數據'字樣,需要用到highcharts的render事件以及renderer API。

設置stockOptions.chart.events
image.png

此時圖像繪製效果如下
image.png

完結。

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

user avatar huishou 頭像 beilee 頭像
2 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.