Highcharts Pie динамическая серия цвет - PullRequest
Новая
       6

Highcharts Pie динамическая серия цвет

0 голосов
/ 07 сентября 2018

У меня есть код, где все работает, но только с типом диаграммы 'столбец'.

нравится http://jsfiddle.net/Blooder/02bncux6

<div id="first">
</div>
<button id="but">Change to red</button>

$(document).ready(function(){
loadBarChart();
$("#but").on("click",function() {
    var series = chart.highcharts().series[2];
    series.update({
        color: 'red' 
    });
 });
});
function loadBarChart(){
chart = $('<div class="widget barchart"></div>');
$("#first").append(chart);
chart.highcharts({
    chart: {
        type: 'column'
    },
    title: {
        text: ""
    },
    credits: {
        enabled: false
    },
    legend: {
        enabled: false
    },
    xAxis: {
        categories: ['33%', '66%', '100%']
    },
    yAxis: {
        title: {
            text: null
        }
    },
    series: [{
    name: 'Year 1800',
    data: [107, 31, 635, 203, 2]
    }, {
    name: 'Year 1900',
    data: [133, 156, 947, 408, 6]
    }, {
    name: 'Year 2000',
    data: [814, 841, 3714, 727, 31]
    }, {
    name: 'Year 2016',
    data: [1216, 1001, 4436, 738, 40]
     }]
    });
    }

Но когда вы попытаетесь изменить этот тип на диаграмму Пирог, это не сработает. Как я могу это исправить, пожалуйста?

1 Ответ

0 голосов
/ 07 сентября 2018

Тип круговой диаграммы имеет только одну серию, поэтому для изменения цвета необходимо использовать метод update для точки: 

$("#but").on("click", function() {
  var point = chart.series[0].points[1];
  point.update({
    color: 'red'
  });
});

Живая демоверсия: https://jsfiddle.net/BlackLabel/tLk65vf8/

Документы: https://www.highcharts.com/docs/chart-and-series-types/pie-chart

...