c3.js如何用工具提示删除行?

时间:2015-06-30 07:31:49

标签: c3.js

我正在使用c3.js创建折线图。我想用工具提示删除默认指标线到x轴。

我尝试过工具提示格式,但行保持不变。

如何做到这一点?

4 个答案:

答案 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中关闭此功能。

enter image description here

答案 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
  }
});