在echarts的默認配置里,描述的文字都是以series中data中的name為數據,顏色為data中的label下的color控制,知道了修改的方法那么修改就很簡單了??刂芿charts圖表的顏色在option.color,而echarts官方是有默認顏色的。
['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
我們可以直接設置color的顏色為以上數組。然后再往data中的每個對象添加color,以下是我添加的例子,可以使用map循環(huán)遍歷數組,根據索引值取處顏色數組中的對應數據,增加對象鍵值對。
顏色已經改變完成,第二部來改變文字,要做成如下樣式的圖表。我們通過更改series中data中的name來實現。
然后我們發(fā)現不僅描述的文字改變了,圖例的文字也改變了,這不符合我們的設計稿。
于是翻閱了echarts的文檔,發(fā)現以下規(guī)則,formatter支持以回調函數的形式設置。
于是我們設置如下回調函數。打印出params數據如下。再通過行高設置文字之間距離。