Echarts设置图例颜色两个图例颜色不一样图例颜色不与主子颜色相同
要设置Echarts图例的颜色,可以使用legend.textStyle.color属性来设置图例文字的颜色,使用legend.itemStyle.color属性来设置图例图标的颜色。如果要使两个图例颜色不一样,可以分别设置它们的颜色。代码示例如下:
option = {
// 其他配置...
legend: [{
data: ['图例1'],
textStyle: {
color: 'red' // 图例文字颜色
},
itemStyle: {
color: 'red' // 图例图标颜色
}
},{
data: ['图例2'],
textStyle: {
color: 'blue' // 图例文字颜色
},
itemStyle: {
color: 'blue' // 图例图标颜色
}
}],
// 其他配置...
};
在上述代码中,我们定义了两个图例,分别是图例1和图例2,并分别设置了它们的文字颜色和图标颜色。可以根据需求将颜色设置为任意有效的CSS颜色值
原文地址: http://www.cveoy.top/t/topic/iVjv 著作权归作者所有。请勿转载和采集!