Question

我正在尝试使用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
        }]

    });
});

}）;

Answer 1

似乎在使用标记时{high}为忽略了color点的属性。如果您设置了点的color属性，只需将marker选项放在marker内。如果您没有设置标记，只需像您在示例中所做的那样设置颜色属性。

这是一个有效的例子：

http://jsfiddle.net/nQ8GL/

Answer 2

如果您想更改列的颜色，则应设置颜色参数。

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

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

如何为每个色谱柱设置单个色谱柱颜色（HighStock / HighChart）

2 个答案: