如何仅在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)无关。只是我为我的需要创建的功能 。