Question

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

这就是我所拥有的：

$(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。

Highcharts - 具有负值的列 - 列颜色

1 个答案: