如何僅在c3js圖表中顯示點擊圖例數據？

Question

我有一個包含多個數據的折線圖。這是我的圖表示例。

通常傳奇數據自動顯示/隱藏，如果我點擊圖表圖例。

但我喜歡這個傳說增加了功能，

legend: { 
     position: 'right', 
     item: { 
       onclick: function (d) { 
          console.log("onclick", d); 
          show(d); //when I click legend show some data 
       } 
      } 
}, 

後，我沒有得到自動顯示/隱藏，如果我點擊圖表圖例。但它對我來說並不重要。

取而代之，我只想顯示點擊圖表中的圖例數據。如果點擊data1圖例，我只想在圖表中顯示data1行，並在圖表中隱藏另一個data2，data3和data4行。

但是，我不知道如何做到這一點。我非常感謝任何建議。

Answer 1

現在，我可以解決我的問題。這是代碼。

legend: { 
     position: 'right', 
     item: { 
       onclick: function (d) { 
         console.log("onclick", d); //data1 
         show(d); //when I click legend show some data 
         chart.hide(); 
         chart.show(d); 
       } 
      } 
}, 

首先，我用chart.hide()。該功能將隱藏圖表上的所有數據。

之後，我使用chart.show(d)，它只能顯示用戶點擊的數據，因爲我添加了用戶點擊圖例作爲參數。

注：show(d)與chart.show(d)無關。只是我爲我的需要創建的功能 。