Double/multiple datasets in a bar chart using only mdb-data

Topic: Double/multiple datasets in a bar chart using only mdb-data attributes

Igor pro premium priority asked 11 months ago

Is is possible to create a bar chart with multiple datasets without additional JS code. So instead of:

const dataChartBarDoubleDatasetsExample = {
  type: 'bar',
  data: {
    labels: ['Desktop', 'Mobile', 'Tablet'],
    datasets: [
      {
        label: 'Users',
        data: [510, 653, 255],
      },
      {
        label: 'Page views',
        data: [1251, 1553, 1355],
      },
    ],
  },
};

If should be something like

<canvas
  data-mdb-chart-init
  data-mdb-chart="bar"
  data-mdb-dataset-label='["Mon","Tue","Wed","Thu","Fri"]'
  data-mdb-dataset-data="[ [1,2,3,4,5], [5,4,3,2,1] ]"
></canvas>

or maybe even better with appropriate labels like

<canvas
  data-mdb-chart-init
  data-mdb-chart="bar"
  data-mdb-dataset-label='["Mon","Tue","Wed","Thu","Fri"]'
  data-mdb-dataset-data='[ ["Hapiness":[1,2,3,4,5]], ["Productivity":[5,4,3,2,1]] ]'
></canvas>

Add comment

Kamila Pieńkowska staff answered 11 months ago