ChartJS: Show default tooltip onclick

Question

I have a chart.js line chart displaying properly. When you hover over the y-axis gridlines, the tooltips display as they should.

I'm trying to convert this to function on a touchscreen, so there is no hover. Is there a way to add a simple parameter to make the tooltip show on both hover and onclick?

Note, I know I could add a custom tooltip and add all of that functionality - I'm trying to see if there's just a parameter I can add as I don't need a custom tooltip.

Answer 1

For Chart.js v2, you can specify those events at the root level of chart options.

options: {
    events: ['click']
}

Answer 2

Just add "click" to your tooltipEvents list when specifying the options for the chart

    ...
    tooltipEvents: ["mousemove", "touchstart", "touchmove", "click"],
});

---

In the fiddle below, I've removed all other events from the list except for click to give you an idea of how it will be like on a mobile

Fiddle - http://jsfiddle.net/8uobybv3/