chart.js

Hide tooltip caret


I am using chart.js 2.6.0. I want to hide the tooltip caret. I tried using 'caret: false' in tooltips option but it didn't work. How can I actually hide the caret?

options: {
      tooltips: {
         caret: false,
      },
      scales: {
         yAxes: [{
            ticks: {
               beginAtZero: true,
            }
         }]
      }
   }

Solution

  • To hide tooltip­'s caret, you'd need to set caretSize property to 0 for tooltips, in your chart options, as such :

    options: {
       tooltips: {
          caretSize: 0
       },
       ...
    }