工作中记录Echart相关问题

一. 设置颜色（3种方式）

1.直接配置color

color: ["#F56C6C", "#67C23A", "#409EFF"],
series: [],
...

2. 在series中配置itemStyle

series: [
  {
    type: "bar",
    data: [120, 132, 101, 300],
    itemStyle: {
        color: params => {
          const colors = ["#F56C6C", "#67C23A", "#409EFF"];
           return colors[params.dataIndex];
         },
      }
    }
],
...

3. 在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, // 旋转角度
      },
  }
]