Chart.js: Add Legend title

[dhuallanca]

FEATURE requests

Expected Behavior

Add title for legend

Current Behavior

Legend doesn't sopport title

Possible Solution

Steps to Reproduce (for bugs)

1.
2.
3.
4.

Context

user expectation

Environment

[etimberg]

@dhuallanca what kind of title do you envision for the legend?

[dhuallanca]

@etimberg, I am using doughnut chart, I would like to have a title(Label) on the top of legends.

[ccario83]

Second this. If I have a data series with days of the week, it'd be nice to have 'Week' as the legend title. This is even more important when a chart's independent variable and series are both True/False.

[simonbrunel]

What's the difference with the chart title? Can you provide a mockup of what you are trying to build?

[dhuallanca]

What's the difference with the chart title? Can you provide a mockup of what you are trying to build?

[jatiny17]

@dhuallanca ,
Hey i want to work on this ,can you explain a bit more about this

[dhuallanca]

@jatiny17 , I want to add a Legend title on the top of legends items.

[Rahul-Geeks]

same problem, any help with it?

[huyit88]

I find the way to hack this behavior, however it's not supported by default.

legend.labels.generateLabels = chart => {
      var data = chart.data;
      let labels = Chart.defaults.global.legend.labels.generateLabels(chart);
      let title = {
        text: 'Legend Title',
        strokeStyle: 'transparent',
        fillStyle: 'transparent',
        lineWidth: 0
      };
      return [title, ...labels];
    };