2016-08-16 73 views
3

有沒有可以在圖表中隱藏一系列但仍然在傳說中顯示的方法?Highcharts:在傳奇中展示系列,但隱藏在圖表上

或者,我們可以添加一個假想/僞圖例項目,但不是真的存在於圖表中嗎?

對於上下文:客戶要求我們根據其類別對條進行着色(前10個條應該是默認顏色深藍色,接下來的2個條會被塗成藍色,最後3個條呈淺藍色)。現在他們要求我們輸入3個圖例項目:A組(前10欄),B組(後2欄),C組(前3欄)。 B組和C組不需要點擊,因爲它們是虛構的傳說。

+0

也許你可以使用chart.renderer.label添加新標籤,你的傳奇? –

+0

您可以添加沒有數據的虛擬系列來解釋它們。 – jlbriggs

+0

@jlbriggs嘗試過,但即使將pointWidth設置爲0,隱藏的系列也會在圖表上佔據空間。 –

回答

1

您可以設置任意數量的虛擬系列,沒有數據,這將建立在傳說中的條目。

要確保虛擬系列不佔用繪圖區域中的任何空間,可以在plotOptions中設置grouping: false

代碼:

plotOptions: { 
    series: { 
    grouping: false, 
    events: { 
     legendItemClick: function() { 
     return false; 
     } 
    } 
    } 
} 

legendItemClick事件返回false從顯示/隱藏的系列停止的傳說。如果你想要不同的行爲,你可以用這個函數得到更多的細節。

當然,如果您想要圖例的完整行爲,您可以使用三個實際系列來構建圖表,而不是使用兩個虛擬系列,並僅將數據提供爲[x,y]對。

小提琴:

輸出:

screenshot