ハイチャートのグラデーションの色は、マイナスバーからマイナスバーへ

Question

これを行う方法は？すでに色の軸を使用していますHighchartsモジュールを使用する場合はhighchartで..

horizontal bar with gradient.. red to gray for negative to positive values

Answer 1

、あなたはそのtweenColorsは中間色を見つけるために機能を使用することができます。

前述のとおり、データをループしてポイントの色を設定する必要があります。他のモジュールを使用したくない場合、中間色を見つける必要があります。答えはhereです。

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) 
    }; 
}); 

例：http://jsfiddle.net/oudktg0o/