我正在使用c3.js创建折线图。我想用工具提示删除默认指标线到x轴。
我尝试过工具提示格式,但行保持不变。
如何做到这一点?
答案 0 :(得分:11)
grid:{
focus:{
show:false
}
}
当人回答这个问题配置参数时没有提供,但现在你可以通过上面提到的配置来做到这一点。参考http://c3js.org/reference.html#grid-focus-show
以下示例代码
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
},
grid:{
focus:{
show:false
}
}
});
答案 1 :(得分:3)
只需覆盖.c3-xgrid-focus类中的以下css属性: -
.c3-grid .c3-xgrid-focus {
visibility : hidden !important;
}
我无法快速找到配置参数来在api doc中关闭此功能。
答案 2 :(得分:0)
根据BonifatiusK的评论,您应该通过编辑chartOptions来隐藏它们。
{
tooltip: {
show: false
}
}
覆盖c3的CSS属性并不是一个好主意。
答案 3 :(得分:-2)
point: {
show: false
},
为隐藏积分而为假,为显示积分而为真
注意: 在加载数据后,请确保您要写入此内容以及c3生成函数中的其他设置
以下是示例: http://c3js.org/reference.html#point-show
在下面的代码中,我用注释突出显示了代码:
var chart = c3.generate({
bindto: '#CYCLE_CHART',
data: {
columns: [
["Cycletime"].concat(objCycle.cData), ["Downtime"].concat(objDowntime.dData), ["StdCycletime"].concat(objStdCycle.stdCData), ["StdLoadunloadtime"].concat(objStdLUtime.stdLUData),
],
type: 'spline',
types: {
Cycletime: 'bar',
Downtime: 'bar'
},
names: {
Cycletime: 'Cycle time',
Downtime: 'Load time',
StdCycletime: 'Std Cycle time',
StdLoadunloadtime: 'Std Load time'
},
},
axis: {
x: {
label: {
text: 'Cycles',
position: 'outer-center'
},
max: 10,
min: 1,
},
y: {
label: {
text: 'Seconds',
position: 'outer-middle'
},
max: Y_axis,
min: 1,
}
},
// Here!
point: {
show: false
},
tooltip: {
show: true
}
});