javascript - 隐藏一些图形元素c3js，而无需卸载数据

是否可以在不卸载或隐藏数据的情况下从c3js图表中隐藏某些线条，条形图和其他图形元素？

我希望将这些数据保留在工具提示中，但隐藏一些图形元素。将鼠标悬停在一个栏上，然后查看其他隐藏栏的数据。

我知道hide方法-chart.hide(['data2', 'data3']);-但这也从工具提示中删除了数据。

看来documentation中没有讨论我的问题。

十一月的similar issue尚未解决。

我现在没有任何代码-只是寻找替代自定义工具提示的方法。

谢谢

最佳答案

一种简单的解决方案是对图表svg元素使用CSS显示属性，例如:

http://jsfiddle.net/chetanbh/j9vx0dmg/

var chart = c3.generate({
  data: {
    columns: [
        ['data1', 100, 200, 150, 300, 200],
        ['data2', 400, 500, 250, 700, 300],
    ]
  }
});

在上面的c3js图表示例中，折线图用两条线表示。

每行是Group元素下的Path svg元素。这些组元素将获得类属性值，例如“c3-target-data1”和“c3-target-data2”。

利用这一点，我们可以像这样使用CSS:

.c3-target-data2 {
    display: none;
}

以隐藏图表中的整个“data2”，但工具提示将继续显示“data2”的数据。

希望这可以帮助。