2012-09-27 62 views
1

我嘗試繪製一個對象的不同屬性,但只有對象在圖例中的名稱,以便我可以關閉/顯示對象,而不是每個不同的屬性。在圖例中組合了系列

jsfiddle我試着演示我想要的。到目前爲止這麼好,但在這個例子中,我只希望有2個條目(2209和8444)。這只是一個例子,會有更多的對象,圖表會很快變得笨拙。

歡迎任何幫助(或指向其他製圖解決方案的指針)。我的javascript知識是相當有限的..

回答

0

有時回來我面臨類似的問題。這是我實施的方式。

  • 你不能將這些圖例分組在highcharts中;因此內置選項無法使用。
  • 相反,您需要爲傳說建立自定義顯示。
  • 你可以列出的只有2個,而不是8個項目(按您的要求)
  • 可能UI元素可以是複選框選項(或只是超鏈接)
  • 您需要存儲的傳說狀態(選擇/取消選擇)
  • 默認情況下顯示所有圖表
  • 選擇或停止,您可以在這裏切換 多個系列(4 1種在你的情況)

示例代碼

// @name is the series name on the chart 
    // @newValue would be true or false that is selected or deselected 
    ToggleChartSeries = function (name, newValue) { 
     // Get matching series or multiple series here 
     var matchingSeries = .. // You need to fill the logic here 

     // for multiple series, you can loop through 
     if (matchingSeries) { 
      if (newValue) { 
       matchingSeries.show(); 
      } else { 
       matchingSeries.hide(); 
      } 
     } 
    }; 
+0

謝謝。我昨天和nvd3一起玩,並設法獲得http://jsfiddle.net/taseroth/L9tjX/,但是nvd3似乎是早期開發,還有很多東西仍然缺失。我會測試你的建議。 – bert