Displaying custom labels from an array

I’ve got an array of data points, and another one of data label strings. I’m graphing the points and would like to use the strings as labels. How do I use this plugin to do so? Here’s what I’ve got right now:

datasets: [{
  label: 'Phenological States',
  data: phenoArray(historicalData).values,
  datalabels: phenoArray(historicalData).labels,
  // ...
}]

Edit(SB): code formatting

[simonbrunel]

I added some docs and a sample how to display custom labels (bea5b4be8dd99a4).

[simonbrunel]

It’s possible, but dataset.datalabels is reserved for the plugin options so can’t be used to store custom labels. You can either use the Chart.js built-in data.labels (category scale) or you can store them under whatever other unreserved name in the dataset (e.g. dataset.labels). Then you need to define a custom formatter and use context to reach your values.

If you use data.labels (fiddle):

new Chart('id', {
  data: {
    labels: phenoArray(historicalData).labels,
    datasets: [{
      label: 'Phenological States',
      data: phenoArray(historicalData).values
    }]
  },
  options: {
    plugins: {
      datalabels: {
        formatter: function(value, context) {
          return context.chart.data.labels[context.dataIndex];
        }
        // ... other options ...
      }
    }
  }
}

If you use dataset.labels (fiddle):

formatter: function(value, context) {
  return context.dataset.labels[context.dataIndex];
}