highcharts柱状图如何自定义颜色

1、用 series.zones ,配置代码如下

series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2, -1],
    zones: [{
        value: 0,
        color: 'red'
    }]
}]

2、通过遍历数据做判断给定颜色

// 数据处理
var data = [20, 10, 1, -10, 100, -20];

var finalData = [];

for(var i=0;i 0 ? 'green' : 'red'   // 根据值判断给定颜色
  })
} 


$('#container').highcharts({
  // ...

  series: [{
    data: finalData
  }]
  // ...
})

你可能感兴趣的:(highcharts柱状图如何自定义颜色)