hightcharts 如何修改legend圖例的樣式

正常狀況下hightcharts 的legend圖形是根據他自己默認的樣式來顯示,以下圖spa

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

以下圖:blog

 

查看源代碼以下圖,class

找到class,是highcharts-graph,咱們能夠直接在頁面裏修改class的樣式就ok了im

.highcharts-graph{
  stroke-width:0
}

 

不管裏面的屬性是什麼均可以這樣修改,若是裏面的屬性是y=「18」,咱們能夠修改成d3

.highcharts-graph{

 y:10 //根據本身的狀況修改

}

結合這些樣式,咱們能夠定義一些常見圖標如,圓形,正方形,關鍵的是咱們能作到全部的圖標的樣式統一,不會像第一張圖那樣各個不同。圖表

相關文章
相關標籤/搜索