一. 设置颜色（3种方式）
1.直接配置color
color: ["#F56C6C", "#67C23A", "#409EFF"],
series: [],
...
- 在series中配置itemStyle
series: [
{
type: "bar",
data: [120, 132, 101, 300],
itemStyle: {
color: params => {
const colors = ["#F56C6C", "#67C23A", "#409EFF"];
return colors[params.dataIndex];
},
}
}
],
...
- 在data中配置
series: [
{
type: "bar",
data: [
{ name: "高", value: 12, itemStyle: { color: "red" } },
{ name: "中", value: 34, itemStyle: { color: "orange" } },
{ name: "低", value: 43, itemStyle: { color: "green" } }
}
],
...
二、类目轴标签的配置
xAxis: [
{
name: "安全层面",
type: "category",
data: this.chartData.type,
axisLabel: {
interval: 0, // 分类全显示
rotate: 45, // 旋转角度
},
}
]
