Как я могу сохранить цвет в старших чартах? - PullRequest
Новая
       0

Как я могу сохранить цвет в старших чартах?

3 голосов
/ 08 марта 2012

Я впервые использую высокие чарты. Это выглядит круто, и это почти делает то, что я хочу. Я использую круговую диаграмму и обновляю данные каждую секунду. То есть работает только цвет кусков, меняющихся каждую секунду. Как я могу сохранить тот же цвет?

Это мой код 

var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        plotBackgroundColor: null,
        animation: false,
        plotBorderWidth: null,
        plotShadow: false,
        events: {
            load: function() {

                // set up the updating of the chart each second
                var series = this.series[0];
                setInterval(function() {
                    $.getJSON("opencont.php", function (data) {
                        $.each(data.vragen, function (index, value) {
                        series.addPoint([value.short, value.antwoorden], true, true);
                        })
                        })
                }, 1000);
            }
            }
    },
    title: {
        text: ''
    },
    tooltip: {
        formatter: function() {
            return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
        }
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                color: '#000000',
                connectorColor: '#000000',
                formatter: function() {
                    return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                }
            }
        }
    },


    series: [{
        type: 'pie',
        name: 'Browser share',
        data: [
        ['a', 0], ['b', 0], ['c', 0]
        ]
    }]
});
});

Ответы [ 2 ]

1 голос
/ 11 марта 2012

Вы действительно хотите добавить новые точки в круговую диаграмму или хотите заменить существующие точки новыми значениями?

Если это позже, вы можете посмотреть на метод setData Series. Пример на http://jsfiddle.net/ebuTs/22/

0 голосов
/ 08 марта 2012

Вы пробовали использовать параметр chart.colors?

http://www.highcharts.com/ref/#colors

Я считаю, что вам нужно иметь такое же количество цветов, что и для точек данных. Кажется, работает для меня:

http://jsfiddle.net/X9XYK/

...