如何为每个列设置单独的列颜色(高库存/高图表)



请看这个

我正在尝试使用Highstock创建柱形图。我想为每列指定颜色。我尽我所能,但无法让它工作。

有人可以建议吗?

多谢

$(function () {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=range.json&callback=?', function(data) {
    window.chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            type: 'columnrange'
        },
        rangeSelector: {
            selected: 2
        },
        title: {
            text: 'Temperature variation by day'
        },
        tooltip: {
            valueSuffix: '°C'
        },
        series: [{
            name: 'Temperatures',
            data: data
        }]
    });
});

});

似乎

当使用标记时color点的属性被高图表忽略了。只需将color选项放在marker内,如果您设置了点的marker属性。如果未设置标记,只需像示例中一样设置颜色属性。

这是一个工作示例:

http://jsfiddle.net/nQ8GL/

如果要

更改列的颜色,则应设置颜色参数。

plotOptions: {
        column: {
            color:'red'
        }
    },

http://jsfiddle.net/nQ8GL/1/

最新更新