красная круговая диаграмма в highchart

Question

Предположим, у меня есть 4 ломтика, имеющие 20%, 30%, 30% и 20%. Если я делаю 4-й срез (20%) неактивным, остальные срезы должны корректировать себя и занимать 100%. как это сделать в высоких диаграммах? Спасибо.

Answer 1

Я не думаю, что это можно изменить. Вместо этого вам нужно удалить эту точку вместе, чтобы остальные фрагменты добавили до 100. Вот пример, который показывает разницу между отображением треугольника и точки: jsfiddle

Answer 2

Я думаю, что это должно быть стандартное поведение :)

opts.plotOptions.pie.point.events.legendItemClick = function() { 
    if (this.visible) { 
     this['y_old'] = this.y; 
     this.update(0); 
    } 
    else { 
     this.update(this.y_old); 
    } 
}; 

теперь, когда вы нажимаете на элементе легенды ломтик круговой диаграммы исчезнет

Если вы хотите, чтобы показать процент (100% без теперь отсутствующий ломтика), вы должны определить вашу подсказку (или легенды) в качестве:

opts.tooltip.formatter = function() { 
    var s = '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + '%'; 

    return s; 
}; 

Answer 3

Эта функция теперь доступна из коробки, как plotOptions.pie.ignoreHiddenPoint

series: [{ 
    ignoreHiddenPoint: true, 
    type: 'pie', 
    ... 
    }] 

Auto Redraw/Recalculate Pie on Legend | Highchart & Highstock @ jsFiddle