Legend isn't working as expected, appears as undefined about chartjs-chart-funnel

[sgratzl]

can you clarify? when I enable the plugin and define a label for the dataset it works just fine.

window.onload = () => {
  const ctx = document.getElementById("canvas").getContext("2d");
  window.myBar = new Chart(ctx, {
    type: 'funnel',
    data: {
      labels: ['Step 1', 'Step 2', 'Step 3'],
      datasets: [{
        label: 'Dataset 1',
        data: [1, 0.75, 0.5]
      }]
    },
    options: {
      indexAxis: 'y',
      plugins: {
        title: {
        display: true,
          text: 'Chart.js Funnel Chart'
        },
        legend: {
          display: true
        }
      }
    },
    plugins: [ChartDataLabels],
  });

};

[Toli97]

can you clarify? when I enable the plugin and define a label for the dataset it works just fine.

window.onload = () => {
  const ctx = document.getElementById("canvas").getContext("2d");
  window.myBar = new Chart(ctx, {
    type: 'funnel',
    data: {
      labels: ['Step 1', 'Step 2', 'Step 3'],
      datasets: [{
        label: 'Dataset 1',
        data: [1, 0.75, 0.5]
      }]
    },
    options: {
      indexAxis: 'y',
      plugins: {
        title: {
        display: true,
          text: 'Chart.js Funnel Chart'
        },
        legend: {
          display: true
        }
      }
    },
    plugins: [ChartDataLabels],
  });

};

Isn't there any way to use the labels as legends instead of the datasets?
In your example the legend is for Dataset 1. Can the legends be Step 1; Step 2 and Step 3 with each corresponding color?

Thank you for your response.

[sgratzl]

you are asking about a categorical color legend?

similar to https://github.com/sgratzl/chartjs-chart-geo

bottom right color legend but for the categories (Step 1, Step 2, Step 3)?

AFAIK there is no chartjs plugin that currently implements something like this. This plugin implements a funnel chart using a single dataset consisting of multiple data points. Not sure whether it could be swapped the other way around, since internally different datasets are handled independently making the stepping effect quite difficult.

[Toli97]

you are asking about a categorical color legend?

similar to https://github.com/sgratzl/chartjs-chart-geo bottom right color legend but for the categories (Step 1, Step 2, Step 3)?

AFAIK there is no chartjs plugin that currently implements something like this. This plugin implements a funnel chart using a single dataset consisting of multiple data points. Not sure whether it could be swapped the other way around, since internally different datasets are handled independently making the stepping effect quite difficult.

Yeah, i figured.

I'll see what I can do but I appreciate your answer. Thank you for the help.

Cheers.