javascript - Highcharts - 负值列 - 列颜色

Question

我有一个负值的工作图表。我希望具有正值的列为蓝色，具有负值的列为红色。

这是我的:

$(function () {

     // Radialize the colors
     Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors,         function(color) {

return {
    radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
    stops: [
         [0, color],
         [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
    ]
};
});

// Build the chart
$('#moda').highcharts({
    chart: {
         plotBackgroundColor: null,
         plotBorderWidth: null,
         plotShadow: false
    },
    colors: [
         'blue'
    ],
    title: {
         text: ''
    },
    xAxis: {
         categories: moda,
    },
    tooltip: {
         pointFormat: '{series.name}: <b>{point.y}</b>',
         percentageDecimals: 0
    },
    series: [{
         type: 'column',
         data: moda,
    }]
});

});

Answer 1

由于您没有描述如何为您的数据系列填充 moda，因此这里有一些一般性:

• series.data.color项目是可访问的。因此，在构建 series.data 时，您可以根据值计算它应该是什么颜色。
• 您只允许在列表中使用一种颜色:colors: [ 'blue' ],
• 另一个选项是设置 negativeColor .