yassilah / chart-js-fabric Goto Github PK

const chart = new fabric.Chart(options as fabric.IChartConfiguration);

  chart.set({
    chart: {
      options: {
        tooltips: {
          callbacks: {
            label: function (tooltipItem, data) {
              let total = 0;
              data.datasets[tooltipItem.datasetIndex].data.forEach((item) => {
                total += Number(item);
              });

              const label = data.datasets[tooltipItem.datasetIndex].label;
              return `${label}: ${tooltipItem.yLabel} of ${total}`;
            },
          },
        },
      },
    },
  });

updateChartData: function(dataset, labels){
    const canvas = CommonHandlers.getCanvas();
    const currentChart = canvas.getActiveObject();
    if (currentChart) {
      currentChart.set('chart', {
        data: {
          labels: labels,
          datasets: dataset.map(row => ({
            label: '# of Votes',
            data: row.map(item => parseFloat(item.value)),
            backgroundColor: [
              'rgba(255, 99, 132, 0.2)',
              'rgba(54, 162, 235, 0.2)',
              'rgba(255, 206, 86, 0.2)'
            ],
            borderColor: [
              'rgba(255, 99, 132, 1)',
              'rgba(54, 162, 235, 1)',
              'rgba(255, 206, 86, 1)'
            ],
            borderWidth: 1
          })),
        }
      });
    }
    canvas.renderAll();
  }