这个问题通常出现在 Apexcharts 图表使用 type: 'bar'
时。它会使得堆叠图和线条无法正确地对齐。我们可以通过以下方式解决:
type: 'line'
代替 type: 'bar'
。例如:
new ApexCharts(document.querySelector('#chart'), {
series: [{
name: 'Series A',
data: [30, 40, 25, 50, 49, 21, 70, 51, 42, 20]
}, {
name: 'Series B',
data: [23, 12, 54, 61, 32, 56, 81, 19, 33, 55]
}],
chart: {
type: 'line'
},
...其他选项
}).render();
type: 'bar'
,则可以将 stacked: true
添加到图表选项中。例如:
new ApexCharts(document.querySelector('#chart'), {
series: [{
name: 'Series A',
data: [30, 40, 25, 50, 49, 21, 70, 51, 42, 20]
}, {
name: 'Series B',
data: [23, 12, 54, 61, 32, 56, 81, 19, 33, 55]
}],
chart: {
type: 'bar',
stacked: true
},
...其他选项
}).render();