在 Highcharts 中,要编辑或删除堆叠图表中数据集之间的间隙,可以使用 stacking
属性来控制堆叠的方式。具体解决方法如下。
stacking
属性为 normal
,并设置 pointPadding
和 groupPadding
来控制间隙的大小。Highcharts.chart('container', {
chart: {
type: 'column',
spacing: [10, 10, 10, 10] // 可选:设置整个图表的间隙大小
},
plotOptions: {
column: {
stacking: 'normal', // 设置堆叠方式为 normal
pointPadding: 0.2, // 设置数据集之间的间隙大小
groupPadding: 0.1 // 设置数据集组之间的间隙大小
}
},
series: [{
name: '数据集1',
data: [1, 2, 3]
}, {
name: '数据集2',
data: [4, 5, 6]
}, {
name: '数据集3',
data: [7, 8, 9]
}]
});
pointPadding
和 groupPadding
为 0。Highcharts.chart('container', {
chart: {
type: 'column'
},
plotOptions: {
column: {
stacking: 'normal',
pointPadding: 0, // 设置数据集之间的间隙为 0
groupPadding: 0 // 设置数据集组之间的间隙为 0
}
},
series: [{
name: '数据集1',
data: [1, 2, 3]
}, {
name: '数据集2',
data: [4, 5, 6]
}, {
name: '数据集3',
data: [7, 8, 9]
}]
});
通过设置 pointPadding
和 groupPadding
属性,可以灵活地调整堆叠图表中数据集之间的间隙大小,或者将其设置为 0 来删除间隙。