C3.js - how to show a hand cursor on a histogram

Question

In pie charts, c3js by default shows a hand cursor (pointer) when a piece of cake hangs. I would like to have the same behavior for every bar in the histogram. How to achieve this?

I tried the css below, but it shows the hand cursor even when you hover between 2 bars.

.c3-event-rect {
    cursor:pointer;
}

To clarify this, the jsfiddle example I would like to have a cursor pointer only on the elements of the panel, because only they are available for click.

Answer 1

, . jsfiddle, ( ).

, .:)

tl; dr:

• data: { selection: { enabled: true }, [...]
• .c3-bar { cursor: pointer; }

Answer 2

CSS

.c3-bar {
    pointer-events: auto !important;
}

, !important pointer-events: none, C3 .