我想在 Apex Charts Stacked Column 中显示数据,每个系列都有特定的颜色(将产品 A 和产品 B 的颜色更改为红色和绿色)。默认顶点图表选择颜色。
我试图通过添加颜色选项并设置 plotOptions,bar,distributed: true 来更改颜色。但是随后孔列的颜色相同,并且堆叠的数据没有分开。
$(document).ready(function() {
var options = {
chart: {
height: 350,
type: 'bar',
stacked: true,
toolbar: {
show: true
},
zoom: {
enabled: true
}
},
responsive: [{
breakpoint: 480,
options: {
legend: {
position: 'bottom',
offsetX: -10,
offsetY: 0
}
}
}],
plotOptions: {
bar: {
horizontal: false,
},
},
series: [{
name: 'PRODUCT A',
data: [44, 55, 41, 67, 22, 43]
}, {
name: 'PRODUCT …Run Code Online (Sandbox Code Playgroud)