有沒有可以在圖表中隱藏一系列但仍然在傳說中顯示的方法?Highcharts:在傳奇中展示系列,但隱藏在圖表上
或者,我們可以添加一個假想/僞圖例項目,但不是真的存在於圖表中嗎?
對於上下文:客戶要求我們根據其類別對條進行着色(前10個條應該是默認顏色深藍色,接下來的2個條會被塗成藍色,最後3個條呈淺藍色)。現在他們要求我們輸入3個圖例項目:A組(前10欄),B組(後2欄),C組(前3欄)。 B組和C組不需要點擊,因爲它們是虛構的傳說。
有沒有可以在圖表中隱藏一系列但仍然在傳說中顯示的方法?Highcharts:在傳奇中展示系列,但隱藏在圖表上
或者,我們可以添加一個假想/僞圖例項目,但不是真的存在於圖表中嗎?
對於上下文:客戶要求我們根據其類別對條進行着色(前10個條應該是默認顏色深藍色,接下來的2個條會被塗成藍色,最後3個條呈淺藍色)。現在他們要求我們輸入3個圖例項目:A組(前10欄),B組(後2欄),C組(前3欄)。 B組和C組不需要點擊,因爲它們是虛構的傳說。
您可以設置任意數量的虛擬系列,沒有數據,這將建立在傳說中的條目。
要確保虛擬系列不佔用繪圖區域中的任何空間,可以在plotOptions
中設置grouping: false
。
代碼:
plotOptions: {
series: {
grouping: false,
events: {
legendItemClick: function() {
return false;
}
}
}
}
的legendItemClick
事件返回false從顯示/隱藏的系列停止的傳說。如果你想要不同的行爲,你可以用這個函數得到更多的細節。
當然,如果您想要圖例的完整行爲,您可以使用三個實際系列來構建圖表,而不是使用兩個虛擬系列,並僅將數據提供爲[x,y]對。
小提琴:
輸出:
也許你可以使用chart.renderer.label添加新標籤,你的傳奇? –
您可以添加沒有數據的虛擬系列來解釋它們。 – jlbriggs
@jlbriggs嘗試過,但即使將pointWidth設置爲0,隱藏的系列也會在圖表上佔據空間。 –