Echarts设置图例颜色两个图例颜色不一样图例颜色不与主子颜色相同legend left right textStyle fontSize 18 color #34EBCD padding 00010 icon rec itemHeig
要设置两个图例的颜色不一样,可以通过在series中设置不同的itemStyle来实现。
首先,在series中设置两个图例的itemStyle的颜色,如下所示:
series: [ { name: '图例1', type: 'bar', itemStyle: { color: '#36E3C6' // 设置图例1的颜色 }, data: [...] }, { name: '图例2', type: 'bar', itemStyle: { color: '#000' // 设置图例2的颜色 }, data: [...] } ]
然后,在legend中设置itemStyle的颜色为透明色(transparent),如下所示:
legend: { ... itemStyle: { color: 'transparent' // 设置图例项的颜色为透明色 } }
这样就可以实现两个图例的颜色不一样了。其中,图例1的颜色为#36E3C6,图例2的颜色为#000
原文地址: http://www.cveoy.top/t/topic/iVjy 著作权归作者所有。请勿转载和采集!