C3 charts - contents of tooltip clickable

Question

I am making charts using c3.js. I have to make the contents of the tooltip cilckable. Till now, the tooltip is visible only when i hover over the chart. I have some Informat

Answer 1

I know I'm commenting on an old question, but just for reference in case anyone else needs it, I modified the above answer to work for my code.

In my CSS:

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

In JS:

c3.chart.internal.fn.hideTooltip = function () {
  setTimeout(c3.chart.internal.fn.hideTooltip, 100);
};

The position code seems to be optional. But the fixed top is probably more user-friendly.

tooltip: {
    position: function () {
        var position = c3.chart.internal.fn.tooltipPosition.apply(this, arguments);
        position.top = 0;
        return position;
    },

Thanks @potatopeelings for getting me started with this -- it was a huge help.