(本文档仅供参考)
问题现象
echarts图形如何设置多系列柱图颜色?
解决方案
可以参考以下扩展属性来设置
{ "series": [{ "data": [{ "itemStyle": { "color": "#05A2D7" } }, { "itemStyle": { "color": "#00E4E3" } }, { "itemStyle": { "color": "#84E8B5" } }, { "itemStyle": { "color": "#FFDA58" } }, { "itemStyle": { "color": "#FF9671" } }, { "itemStyle": { "color": "#FF6783" } }, { "itemStyle": { "color": "#F6589F" } }, { "itemStyle": { "color": "#F688C8" } }, { "itemStyle": { "color": "#F1BAEE" } }, { "itemStyle": { "color": "#9F93F1" } }, { "itemStyle": { "color": "#8375E5" } }] }, { "data": [{ "itemStyle": { "color": "#05A2D7" } }, { "itemStyle": { "color": "#00E4E3" } }, { "itemStyle": { "color": "#84E8B5" } }, { "itemStyle": { "color": "#FFDA58" } }, { "itemStyle": { "color": "#FF9671" } }, { "itemStyle": { "color": "#FF6783" } }, { "itemStyle": { "color": "#F6589F" } }, { "itemStyle": { "color": "#F688C8" } }, { "itemStyle": { "color": "#F1BAEE" } }, { "itemStyle": { "color": "#9F93F1" } }, { "itemStyle": { "color": "#8375E5" } }] }] }
效果如下: