要在ApexCharts中对分组堆叠柱状图的子类别进行命名,可以使用categories
选项来定义每个子类别的名称。下面是一个示例代码:
var options = {
chart: {
type: 'bar',
stacked: true,
height: 350,
width: '100%',
},
plotOptions: {
bar: {
horizontal: false,
},
},
series: [{
name: 'Series 1',
data: [44, 55, 41, 67, 22, 43, 21],
}, {
name: 'Series 2',
data: [13, 23, 20, 8, 13, 27, 33],
}, {
name: 'Series 3',
data: [11, 17, 15, 15, 21, 14, 16],
}],
xaxis: {
categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
labels: {
show: true,
},
},
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
在上面的代码中,categories
选项用于定义每个子类别的名称,可以根据实际情况进行修改。这样,分组堆叠柱状图的子类别就会以定义的名称显示出来。