2014-04-15 35 views
1

我到處尋找答案,但我似乎無法弄清楚我在這裏做錯了什麼。如何隱藏餅圖的切片而不將其從圖例中移除?

我只是希望能夠使用HighCharts啓動一個餅圖,並隱藏某些切片(就好像它們已經在圖例中被「點擊」)。

我在HighStock做到了這一點,這是一個簡單的問題:

var chart = $("#overallChart").highcharts(); //$("#overallChart") is the div where my HighStock chart is rendered to. 
var series = chart.series; 

//*****SET DEFAULT STARTING LINES*****// 
for (var s = 0; s < series.length; s++) { 
    if (s != 1 && s != 2 && s != 3 && s != 4) { 
     series[s].hide(); 
    } 
} 
//*****set default starting lines*****// 

和它的作品,完美。

問題是,當我嘗試在高圖「餅圖」中做到這一點時,它不起作用(不會發生錯誤或任何事情,根本不起作用)。

我認爲它的工作方式與上面相同,因爲文檔顯示了相同的hide()方法(以及解釋)。 Highcharts API Reference

這裏是我的餅圖代碼:

var pieChart = $("#overallPie").highcharts(); //$("#overallPie") is the div where my Highcharts chart is rendered to. 
var pieSeries = pieChart.series; 

//*****SET DEFAULT STARTING SLICES*****// 
for (var p = 0; p < pieSeries.length; p++) { 
    if (p != 0 && p != 1) { 
     pieSeries[p].hide(); 
    } 
} 
//*****set default starting slices*****// 

我猜你有一個餅圖中不同的做到這一點?我曾經在某處看到你可以重繪餅圖,但這真的有必要嗎?

+1

所以,你想完全地隱藏一個切片,並允許餡餅還是完成其全部的輪換? – Mike

+0

Sry,我沒有迴應,我張貼了,不得不去吃午飯,但現在你已經成功地回答了我的問題,是的,我確實希望它完成整個輪換。再次感謝! – VoidKing

+0

http://stackoverflow.com/questions/25313273/pie-chart-custom-legend 這個怎麼樣?這是更適合於隱藏動態 – i5on9i

回答

2

如果我正確理解你的問題,你可以在你的數據系列上使用visible: false

FIDDLE這裏

+0

是的,這沒有辦法。我想知道他們爲什麼不在這裏堅持'hide()'方法。也許餅圖行爲太不同了,這種方法是爲其他圖表類型保留的。無論如何,非常感謝你的回答,我完全傻眼了,無法嘗試甚至仰望,哈哈。 – VoidKing

+0

是否有像使用show()和.hide()這樣的線形圖的切換選項? –

相關問題