legend: { type: "scroll", orient: "vertical", width: "50%", height: "50%", right: "80", top: "250", icon: "circle", textStyle: { //图例文字的样式 color: "rgba(0,0, 0, 0.65)", fontSize: 14, }, formatter: function (name) { console.log(name, "num"); return name + "桩当前占比"; }, }, 通过这段代码设置不同种类的颜色,并且设置文字也是不同的颜色
时间: 2024-02-14 18:19:30 浏览: 68
这段代码只是设置了图例的样式,而不是不同种类的颜色,但可以通过在数据系列中设置不同的颜色来实现。
要设置不同种类的颜色,可以在数据系列中使用 itemStyle 属性来设置,例如:
```
series: [{
name: '数据系列',
type: 'bar',
data: [10, 20, 30, 40],
itemStyle: {
// 第一个数据项的颜色为红色
color: 'red',
},
// 第二个数据项的颜色为蓝色
{
value: 20,
itemStyle: {
color: 'blue',
},
},
// 其他数据项的颜色为绿色
{
value: 30,
itemStyle: {
color: 'green',
},
},
// ...
}]
```
要设置不同文字的颜色,可以在 formatter 函数中使用 HTML 标签来设置不同的样式,例如:
```
formatter: function (name) {
if (name === '种类1') {
return '<span style="color: red;">' + name + '</span> 当前占比';
} else if (name === '种类2') {
return '<span style="color: blue;">' + name + '</span> 当前占比';
} else {
return '<span style="color: green;">' + name + '</span> 当前占比';
}
}
```
阅读全文