zones

在highcharts中，用于数据列分区的主要 api 属性为 zones
官网api释义 ：

An array defining zones within a series. Zones can be applied to the X axis, Y axis or Z axis for bubbles, according to the zoneAxis option. The zone definitions have to be in ascending order regarding to the value.
定义系列中区域的数组。 根据zoneAxis选项，可以将区域应用于X轴，Y轴或Z轴以获得气泡。 区域定义必须按照值的升序排列。

由于各种类型图的 zones 都差不多，这里只以 column 和 line 进行示例
示例代码 : https://jshare.com.cn/columns/VFdvLu

一： column 类型

需求 : 将 column 中月收益小于0的柱子显示为 绿色，大于 0 显示为 红色

series: [{
  data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
  color: 'red', // 默认颜色
  zones: [{
    // 小于0显示绿色
    value: 0,
    color: 'green',
    dashStyle: 'dot'
  }]
}]

效果图 :

二：line 类型

需求 : 将数值小于0显示为绿色，0 - 10 显示为蓝色，大于10显示为红色

series: [{
  data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
  color: 'red',
  zones: [{
    value: 0,
    color: 'green',
    dashStyle: 'dot'
  }, {
    value: 10,
    color: 'blue'
  }]
}]

效果图 :

标签：10,color,series,分区,value,zones,数据,highcharts,axis
来源： https://www.cnblogs.com/Fine-YT/p/10705107.html