百度echarts柱状图设置不同颜色（每根柱子一种颜色）

利用百度echarts做一个柱形图表，如何给每根柱子设置不同颜色，下面web建站小编给大家简单介绍一下具体实现代码！

代码如下：

option = {
  // 其他配置项
  ...
  series: [
    {
      name: '数据名称',
      type: 'bar',
      data: [100, 322, 543, 223, 666],
      itemStyle: {
        normal: {
          color: function(params) {
            var colors = ['#f00', '#0ff', '#0f0', '#ff0', '#00f'];
            return colors[params.dataIndex % colors.length];
          }
        }
      }
    }
  ]
};

百度echarts雷达图radar根据分数点显示每个不同颜色

百度ECharts文档官网介绍

百度echarts图表数据为空如何展示"暂无数据"

百度echarts柱状图/折线图x轴显示全部文本（太长自动换行）

vue实时监听浏览器大小变化重新渲染百度echarts

标签： bar个性, echarts参数, echarts柱形图, 百度echarts

上面是“百度echarts柱状图设置不同颜色（每根柱子一种颜色）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4512.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！