(本文档仅供参考)
问题
如何修改线图线条颜色、图例图标颜色及图例文字颜色?
解决方案
可以使用扩展属性实现
{ "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyle": { "normal": { "color": "red" } }, "color": "red" }], "legend": { "icon": "line", //图例对应文字颜色设置 "textStyle": { "color": "green" } } }
评论
张承峥 发表:
如果发现图例的颜色并没有修改成功默认是主题色,需要加多一个itemstlyle修改:
{
"series": [{
"type": "line",
itemStyle: {
"normal": {
"color": "#2ca3d3" //2ca3d3
}
}, /*因此要添加多一个itemStyle*/
"lineStyle": {
"normal": {
"color": "#2ca3d3" //2ca3d3
}
},
}, {
"type": "line",
itemStyle: {
"normal": {
"color": "#7132a3" //2ca3d3
}
},
"lineStyle": {
"normal": {
"color": "#7132a3" //40eaea
}
}
}],
"legend": {
"icon": "line",
"itemWidth": 14, //20
"itemHeight": 14, //8
"align": "left",
"data": [{
"name": "销售额",
"icon": "line",
}, {
"name": "销售量",
"icon": "line",
}]
}
}