echarts legend实例颜色
时间: 2023-05-21 18:00:59 浏览: 453
echarts实例
可以通过设置 legend.data 中的 textStyle.color 属性来改变图例的颜色。例如:
legend: {
data: ['数据1', '数据2', '数据3'],
textStyle: {
color: '#333'
}
}
这将使图例的文本颜色变为 #333。如果您想要改变图例标记的颜色,可以在 series 中设置 itemStyle.normal.color 属性。例如:
series: [{
name: '数据1',
type: 'line',
data: [10, 20, 30],
itemStyle: {
normal: {
color: '#f00'
}
}
}, {
name: '数据2',
type: 'line',
data: [20, 30, 40],
itemStyle: {
normal: {
color: '#0f0'
}
}
}, {
name: '数据3',
type: 'line',
data: [30, 40, 50],
itemStyle: {
normal: {
color: '#00f'
}
}
}]
这将使第一条线的颜色为红色,第二条线的颜色为绿色,第三条线的颜色为蓝色。
阅读全文