C3: Tooltips and Mouse events not triggering on pie chart

[alanhamlett]

Tooltips and Mouse hover and click events aren't working on pie charts.

For example, the official pie chart example from docs doesn't show any console logs from mouse events:
http://c3js.org/samples/chart_pie.html

• C3 version: 0.5.3
• D3 version: 4.13.0
• Browser: Chrome 66.0.3359.81
• OS: Mac OS X

[alanhamlett]

Adding this CSS/Sass fixed the mouse events and tooltips:

g.c3-chart {
  g.c3-event-rects {
    rect.c3-event-rect {
      pointer-events: none;
    }
  }
}

[prathik457]

Can we create a PR with this fix, if it works?

[alpeshv]

Adding this css breaks tooltips on bar chart.

[alanhamlett]

Adding this css breaks tooltips on bar chart.

Yea, a better solution is needed to work for all c3 charts.

[alpeshv]

As @kvcrawford has suggested, the issue is .c3-event-rects getting rendered as last element. His PR should fix this issue for all the charts. PR got approved. Not sure when its going to be merged.

[1Jesper1]

I would like to see this fixed.
Add the bug label to this issue?

[1Jesper1]

@kt3k Good to see the commit! When do you expect to release a new version?

[kt3k]

Hello @1Jesper1
We've just published the fix as v0.6.4! Thanks!