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<data.length;i++) {
  var d = data[i];
  finalData.push({
    y: d,
    color: d > 0 ? 'green' : 'red'   // 根据值判断给定颜色
  })
} 


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

  series: [{
    data: finalData
  }]
  // ...
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值