需求:
实现效果如下:
ECharts中,可以通过设置legend中的formatter属性来自定义图例项的显示格式。以下是一个示例:
option = {
// ...
legend: {
data: ['A', 'B', 'C'],
formatter: function (name) {
var color = '#fff';
if (name === 'A') {
color = '#ff0000'; // 设置A的背景颜色为红色
} else if (name === 'B') {
color = '#00ff00'; // 设置B的背景颜色为绿色
} else if (name === 'C') {
color = '#0000ff'; // 设置C的背景颜色为蓝色
}
return '<span style="background-color:' + color + '">' + name + '</span>';
}
},
// ..