apexcharts / vue-apexcharts

📊 Vue 2 component for ApexCharts
https://apexcharts.com
MIT License
1.33k stars 135 forks source link

Grouped Stacked chart not grouping #510

Open sahatsawat-s opened 5 months ago

sahatsawat-s commented 5 months ago
image

the Grouped Stacked is not grouping when i take code from website

series: [ { name: 'Q1 Budget', group: 'budget', data: [44000, 55000, 41000, 67000, 22000] }, { name: 'Q1 Actual', group: 'actual', data: [48000, 50000, 40000, 65000, 25000] }, { name: 'Q2 Budget', group: 'budget', data: [13000, 36000, 20000, 8000, 13000] }, { name: 'Q2 Actual', group: 'actual', data: [20000, 40000, 25000, 10000, 12000] } ], chartOptions: { chart: { type: 'bar', height: 350, stacked: true, }, stroke: { width: 1, colors: ['#fff'] }, dataLabels: { formatter: (val) => { return val / 1000 + 'K' } }, plotOptions: { bar: { horizontal: false, borderRadius: 10, dataLabels: { total: { enabled: true, style: { fontSize: '13px', fontWeight: 900 } } } }, }, xaxis: { categories: [ 'Online advertising', 'Sales Training', 'Print advertising', 'Catalogs', 'Meetings' ], labels: { formatter: (val) => { return val / 1000 + 'K' } } }, fill: { opacity: 1, }, colors: ['#80c7fd', '#008FFB', '#80f1cb', '#00E396'], legend: { position: 'top', horizontalAlign: 'left' } },

      ` <apexchart type="bar" height="100%" :options="chartOptions" :series="series"></apexchart>`
riksnelders commented 1 month ago

Same issue here. Any update on this?

MikeCLX commented 1 month ago

Same here also, does anyone have any ideas?