hightcharts 如何修改legend圖例的樣式


正常情況下hightcharts 的legend圖形是根據他本身默認的樣式來顯示,如下圖

這幾個圖形的形狀一般也是改不了的,只能根據圖表的類型顯示默認的。但是我們可以通過修改默認的樣式來展示一些可以實現的形狀。

如下圖:

 

查看源代碼如下圖,

找到class,是highcharts-graph,我們可以直接在頁面里修改class的樣式就ok了

.highcharts-graph{
  stroke-width:0
}

 

無論里面的屬性是什么都可以這樣修改,如果里面的屬性是y=“18”,我們可以修改為

.highcharts-graph{

 y:10 //根據自己的情況修改

}

結合這些樣式,我們可以定義一些常見圖標如,圓形,正方形,關鍵的是我們能做到所有的圖標的樣式統一,不會像第一張圖那樣各個不一樣。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM