Javascript 隐藏一些图形元素c3js,而不卸载数据

Javascript 隐藏一些图形元素c3js,而不卸载数据,javascript,d3.js,charts,c3.js,Javascript,D3.js,Charts,C3.js,是否可以在不卸载或隐藏数据的情况下从c3js图表中隐藏某些线条、条形图和其他图形元素 我希望在工具提示中保留这些数据,但隐藏一些图形元素。将鼠标悬停在一个条上,查看其他隐藏条的数据 我知道hide方法-chart.hide(['data2','data3'])-但这也会从工具提示中删除数据 我的问题似乎没有在会议上讨论 11月份的一个问题没有解决 我现在没有任何代码-只是在寻找一个替代自定义工具提示的方法 感谢一个简单的解决方案是对图表svg元素使用CSS显示属性,如:- 在上面的c3js图表

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

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

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

我的问题似乎没有在会议上讨论

11月份的一个问题没有解决

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


感谢

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

在上面的c3js图表示例中,折线图由两条线组成

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

利用这一点,我们可以使用CSS,如:-

.c3-target-data2 {
    display: none;
}
在图表中隐藏整个“data2”,但工具提示将继续显示“data2”的数据


希望这有帮助。

那当然有帮助。为便于参考,这似乎与折线图配合得很好。但是,条形图看起来不是最好的,特别是如果你隐藏的条形图比其他条形图长。如果你是正确的,这个解决方案适用于折线图和面积图。对于分组条形图或堆叠条形图,可能看起来不好。为了使其适用于条形图,需要一些c3js方法重写。只是CSS不会很好地工作。如果一个或多个数据列具有字符串值,会发生什么情况?我不想在图表行上显示它,但需要在工具提示中显示
.c3-target-data2 {
    display: none;
}