C3: Tooltip questions

[lblb]

1. Is there a way to disable vertical grey guide line which appears with tooltip? It is usefull for line charts, however for bar charts it makes no sense.
2. Is it possible to ungroup tooltips, especially when multiple series exists? For instance I'd like to display a single tooltip when I hover a particular bar, or a node in a line chart. Similar as it does in a pie chart.

[masayuki0812]

Hi,

1. Please use c3-xgrid-focus class and set display: none style to hide the focus line.
2. I added tooltip.grouped option to ungroup tooltips as you wrote. Could you try this option?

[lblb]

1. Maybe I don't understand how it works, but it seems I can't disable focus line for specific chart. See fiddle: http://jsfiddle.net/63EAV/8/. Of course, if I modify c3-xgrid-focus class in c3.css, then all charts in page won't have focus line. In my case, I want to have it on line charts, but suppress in bar chars.
2. It's ok, thanks for the example added as well.

Much appreciated!

[masayuki0812]

Hi,
Thanks, I understand. And I remember this is already implemented as point.focus.line.enabled. I think this option can be used for your purpose. However, I feel this option name seems not appropriate, so I rename this to grid.focus.show. Please use this option if you use the latest code. Thanks!

[lblb]

Hi, thanks! This is what I was looking for.

[masayuki0812]

All right. I'll close this issue. Thanks.

[bla211]

Hello,
I tried using:
tooltip: {grouped: false},
but now the tooltip does not appear at all on my bar charts, only line.

[Rarely]

I have the same issue has @bla211. It works fine for line charts, but bar charts, turning grouped: false leads to no tooltip at all.

[jpwilksch]

@bla211 and @Rarely, I also don't see a tooltip at all when using grouped:false with stacked bar charts, but only in Chrome. I think it is related to "SvgPathSeg is removed in chrome 48 #1465" (https://github.com/masayuki0812/c3/issues/1465).