Javascript highchart渐变颜色负到正水平条

如何做到这一点？在海图中

---

如果您已经使用了使用颜色轴的Highcharts模块，则可以使用其tweenColors功能查找中间颜色

如前所述，必须循环遍历数据并设置点的颜色。如果你不想使用任何其他模块，你需要找到中间颜色-答案可以找到

---

示例：

您可以根据预处理中的值设置单个条的颜色。如果不知道更多的细节，很难说你具体应该做什么。

var data = [100, 50, 20, -10],
  min = Math.min.apply(null, data),
  max = Math.max.apply(null, data),
  total = max - min,
  colorMin = new Highcharts.Color('rgb(255, 0, 0)'),
  colorMax = new Highcharts.Color('white'),
  tweenColors = Highcharts.ColorAxis.prototype.tweenColors;

 coloredData = data.map(value => {
   var pos = (value - min) / total;

   return {
     y: value,
     color: tweenColors(colorMin, colorMax, pos)
   };
 });