Javascript c3.js:如何隐藏特定数据集的点?
假设我有两个数据集,data1和data2,但我想隐藏data2上的点/圆。我怎么做Javascript c3.js:如何隐藏特定数据集的点?,javascript,charts,c3.js,Javascript,Charts,C3.js,假设我有两个数据集,data1和data2,但我想隐藏data2上的点/圆。我怎么做 var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25] ] } }) 不是js解决方案,但对于所有点,c3在包装器组元素上为相应标签添加了一个类,如c3-c
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
})
不是js解决方案,但对于所有点,c3在包装器组元素上为相应标签添加了一个类,如
c3-circles-data1
c3-circles-data2
,您可以将其用于标签数据2的数据,您可以在css中将其扩展为无:
#chart .c3-circles-data2{
display:none
}
示例不是js解决方案,但对于所有点,c3在包装器组元素上为相应标签添加了一个类,如
c3-circles-data1
c3-circles-data2
,可用于标签数据2的数据,可在css中扩展为none:
#chart .c3-circles-data2{
display:none
}
示例使用CSS:Source尝试此操作
c3-circles-data2
和c3-circles-data1
是c3为给定标签键(如data1、data2)生成的类
var图表=c3.generate({
数据:{
栏目:[
[data1',30200100400150250],
[data2',50,20,10,40,15,25]
]
}
})
#图表c3-circles-data2{
显示:无;
}
尝试使用CSS:Source执行此操作
c3-circles-data2
和c3-circles-data1
是c3为给定标签键(如data1、data2)生成的类
var图表=c3.generate({
数据:{
栏目:[
[data1',30200100400150250],
[data2',50,20,10,40,15,25]
]
}
})
#图表c3-circles-data2{
显示:无;
}
谢谢。解决了我的问题,谢谢。解决了我的问题。谢谢。。这很有帮助,谢谢。。它有帮助。一个类似的问题已经提出,它应该解决你的问题。一个类似的问题已经提出,它应该解决你的问题。