正常情況下hightcharts 的legend圖形是根據他本身默認的樣式來顯示,如下圖
這幾個圖形的形狀一般也是改不了的,只能根據圖表的類型顯示默認的。但是我們可以通過修改默認的樣式來展示一些可以實現的形狀。
如下圖:
查看源代碼如下圖,
找到class,是highcharts-graph,我們可以直接在頁面里修改class的樣式就ok了
.highcharts-graph{
stroke-width:0
}
無論里面的屬性是什么都可以這樣修改,如果里面的屬性是y=“18”,我們可以修改為
.highcharts-graph{
y:10 //根據自己的情況修改
}
結合這些樣式,我們可以定義一些常見圖標如,圓形,正方形,關鍵的是我們能做到所有的圖標的樣式統一,不會像第一張圖那樣各個不一樣。