工作中记录Echart相关问题

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

1.直接配置color

color: ["#F56C6C", "#67C23A", "#409EFF"],
series: [],
...
  1. 在series中配置itemStyle
series: [
  {
    type: "bar",
    data: [120, 132, 101, 300],
    itemStyle: {
        color: params => {
          const colors = ["#F56C6C", "#67C23A", "#409EFF"];
           return colors[params.dataIndex];
         },
      }
    }
],
...
  1. 在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, // 旋转角度
      },
  }
]
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容