Как настроить индивидуальный цвет колонок для каждого столбца (HighStock/HighChart)

Пожалуйста, взгляните на это

Я пытаюсь создать диаграмму столбцов, используя 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
        }]

    });
});

});

2
nl ja de

2 ответы

Похоже, что при использовании маркера color атрибут точки игнорируется с помощью высоких диаграмм. Просто поставьте опцию color внутри marker , если вы установите атрибут marker точки. Если вы не установите маркер, просто установите атрибут цвета, как вы уже делали в вашем примере.

Вот рабочий пример:

http://jsfiddle.net/nQ8GL/

1
добавлено

Если вы хотите изменить цвет столбца, вы должны установить параметр цвета.

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

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

0
добавлено