echarts 散點圖 icon的自定義

echarts 散點圖 icon的自定義

1.對默認紅色圓點的修改

設置symbol屬性,可以生成不同的圖形。

echarts默認提供了’circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, 'arrow’這麼幾種散點。

symbol可以是image的地址,也可以是svg的一段path。支持回調函數寫法

2.給不同icon上不同顏色

symbol的各種顏色 還是得通過itemStyle來控制。

3.不同icon不同的旋轉角度

symbol的角度symbolRotate 可控制,支持回調函數的寫法,注意,這裏是從4.8以上版本才支持回調寫法。

4.symbolKeepAspect

symbolKeepAspect:true,
// 必須要設置成true,不然svg的一些小圖標會拉變形。

5.symbol 鼠標懸停後添加效果。

emphasis

附,自定義效果圖
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章