重繪在高圖中的餅圖

Question

假設我有4片有20％，30％，30％和20％。如果我使第4片（20％）無效，其他片應調整自己並佔用100％。如何在highchart中做到這一點？謝謝。

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