Chartjs-How to add text to chart.js data?

by

1👍

Try using this script

var ctx = document.getElementById("chart-area");
              var myChart = new Chart(ctx, {
                  type: 'pie',
                  data: {
                      labels: ["label1", "label2", "label3", "label4"],
                      datasets: [
                          { data: [ 10, 20, 30, 40 ] }
                      ]
                  },
               options: {
                  tooltips: {
                  enabled: true,
                  callbacks: {
                  label: function(tooltipItem, data) {
                      var label = data.datasets[tooltipItem.datasetIndex].label;
                      var val = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                      return label + ' : ' + val + ' Mb';
                  }
                }
              }
            }
         });

0👍

ChartJs does not provide any format label feature you have to play with it.
Initialize chart configuration with empty array then update it when you pushing data.

From this reference https://github.com/chartjs/Chart.js/issues/2738

here is fiddle link: http://jsfiddle.net/qsnpsxz5/7/

chart.config.data.labels.push("A label");
chart.config.data.labels.push("A label2");
chart.config.data.datasets[0].data.push(10);
chart.config.data.datasets[0].data.push(20);
chart.update();

Leave a comment