1. 程式人生 > >CBoard 線圖柱狀圖設置節點顯示數據

CBoard 線圖柱狀圖設置節點顯示數據

ems 分享圖片 black 技術分享 label 需要 鼠標 說明 echarts

Cboard 柱狀圖、線圖默認默認節點都不顯示數字,只有鼠標移動到對應位置的時候才會有數字提示。

技術分享圖片

如果需要顯示數字,需要怎麽修改。

首先打開IDEA,找到chartLineService.js 技術分享圖片

找到 parseOption函數

技術分享圖片

加上這段話

技術分享圖片

s.itemStyle= { normal : {label: {show: true,position: ‘top‘,textStyle: {color: ‘black‘} } } };

保存後刷新頁面試下。

已經可以了。

技術分享圖片

為什麽著這麽加,是參考echart的設置

echarts柱狀圖或折線頂端顯示數字

https://blog.csdn.net/u012998306/article/details/80093682

和 Echart的官方站點說明

http://echarts.baidu.com/echarts2/doc/doc.html#Line

技術分享圖片

[置頂]Cboard 系列隨筆

CBoard 線圖柱狀圖設置節點顯示數據