C3: Question: how to disable vertical line on hover

Created on 7 Apr 2016  路  3Comments  路  Source: c3js/c3

When I moving mouse along Y axis.
In addition to tooltip, vertical line is showing.
How to disable it?

Example here http://c3js.org/samples/simple_multiple.html

question

Most helpful comment

Use css:

.c3-event-rects { display: none }

This is an incorrect solution. Because in this way you'll hide entire events layer.
If you need to disable only vertical bar, use .c3-xgrid-focus class:

.c3-xgrid-focus { display: none; }

All 3 comments

Use css:

.c3-event-rects { display: none }

Thanks for answering @abacaj!
Closing as resolved.

Use css:

.c3-event-rects { display: none }

This is an incorrect solution. Because in this way you'll hide entire events layer.
If you need to disable only vertical bar, use .c3-xgrid-focus class:

.c3-xgrid-focus { display: none; }

Was this page helpful?
0 / 5 - 0 ratings