Chartjs-Chartjs Radar Chart Tooltip not showing correct label

by

1👍

✅

As pointed out by @user2057925, there’s been reported an issue in older versions. However, if you manage to use the fixed version, just use for instance,

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js

Then you can use it normally,

(function() {
  var ctx = document.getElementById("mychart");

  var datas = {
    labels: ["A", "B", "C"],
    datasets: [{
        data: [1, 2, 3],
        label: "Number",
        backgroundColor: [
          'rgb(106,189,126)',
        ],
      },

    ]
  };
  
  var options = {
    responsive: true,
    hover: {
      mode: 'label',
    },
    scale: {
      ticks: {
        display: true,
        min: 0,
      },
    },
  };


  var chr = new Chart(ctx, {
    data: datas,
    type: 'radar',
    options: options,
  });

})();
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js"></script>
<div style="width: 500px;height: 300px">
  <canvas id="mychart"></canvas>
</div>

Leave a comment