vue-apexcharts icon indicating copy to clipboard operation
vue-apexcharts copied to clipboard

Grouped Stacked chart not grouping

Open sahatsawat-s opened this issue 11 months ago • 2 comments

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>`

sahatsawat-s avatar Mar 12 '24 06:03 sahatsawat-s

Same issue here. Any update on this?

riksnelders avatar Jul 10 '24 13:07 riksnelders

Same here also, does anyone have any ideas?

MikeCLX avatar Jul 24 '24 01:07 MikeCLX