[Chartjs]-'generateLabels' in chart.jsv2.9.4 is generating labels as undefined

4πŸ‘

βœ…

In Chart.js 2.x version, legend, title and tooltips must be defined in options node and not in plugins one.

  options: {
    ...
    legend: {
      position: 'top',
      display: true,
      labels: {
        generateLabels: function(chart) {
          let data = chart.data;
          if (data.labels.length && data.datasets.length) {
            return data.labels.map((label, i) => {
              return {
                text: label
              }
            })
          }
          return [];
        },
      }
    },
    title: {
      display: true,
      text: 'Attendees'
    },
    plugins: {
      labels: {
        render: () => {}
      }
    }
    ...
  }

Leave a comment