c3.js how to remove line with tooltip?

Question

I am creating a line chart using c3.js. I want to remove the default indicator line to x-axis with the tooltip.

I have tried tooltip formatting but the line remains same.

How this can be done?

Answer 1

grid:{
  focus:{
    show:false
  }
}   

May be at that time when person answer this question config parameter not provided but now you can do it through above mention configuration. Reference http://c3js.org/reference.html#grid-focus-show

Example code below

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    },
    grid:{
        focus:{
        show:false
      }
    }
});

Answer 2

Just override the following css property in .c3-xgrid-focus class:-

.c3-grid .c3-xgrid-focus { visibility : hidden !important; }

I could not quickly find a config parameter to turn this feature off in the api doc.