Chartjs-Display all tooltips in chartjs

0πŸ‘

βœ…

I don’t know if this is possible with chartjs (a quick search did not reveal anything) but I think what you want is possible using highcharts. Here you can use the datalabels option:

plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                },

Here is a demo. Does that help?

EDIT:

Another possibility for free could be jqPlot. For a demo have look here! There is a pointLabels plugin which places labels on the plot at the data point locations. Should do the trick. πŸ™‚

var plot1 = $.jqplot('chart1', [line1], {
      title: 'Point Labels', 
      seriesDefaults: { 
        showMarker:false,
        pointLabels: { show:true } 
      }
  });

Cheers and good luck.

0πŸ‘

If you want to add more multiple static points please use annotations. Tooltips are just tips for a user when hovering instead of static information on different points in the graph.

I suggest using a wrapper on top of chartJS and using their annotation feature https://apexcharts.com/docs/annotations/

Leave a comment