Chart js v2 hide dataset labels

Question

I have the following codes to create a graph using Chart js v2 1 3   var ctx       gold chart    var goldChart   new Chart ctx        type   line       data            labels  dates          datasets                 label   I want to remove this Label               data  prices              pointRadius  0              borderWidth  1                        The codes look simple  but I cannot remove the label from the graph  I tried a lot of solutions I found online  but most of them use Chart js v1 x   How can I remove the dataset labels

User · Answer

It s just as simple as adding this  legend       display  false        Or if you want you could use this other option which should also work    Chart defaults global legend display   false

User · Answer

Just set the label and tooltip options like so      options        legend            display  false            tooltips            callbacks               label  function tooltipItem                      return tooltipItem yLabel                                     Fiddle - http   jsfiddle net g19220r6

User · Answer

Replace options with this snippet  will fix for Vanilla JavaScript Developers  x000D   x000D  options                title                    text   Hello                   display  true                            scales                    xAxes                         ticks                            display  false                                                                     legend                    display  false                         x000D   x000D   x000D

User · Answer

You can also put the tooltip onto one line by removing the  title    this chart   new Chart ctx        type  this props horizontal    horizontalBar     bar       options            legend                display  false                     tooltips                callbacks                    label  tooltipItem   gt     tooltipItem yLabel     tooltipItem xLabel                     title       gt  null

User · Answer

new Chart  idName           type   typeChar         data  data        options            legend              display  false

User · Answer

add   Chart defaults global legend display   false    in the starting of your script code

[chart.js] Chart.js v2 hide dataset labels

Examples related to chart.js

Examples related to chart.js2