gpt4 book ai didi

highcharts - 减少 Bar Highchart 中系列数据之间的差距

转载 作者:行者123 更新时间:2023-12-04 00:44:32 28 4
gpt4 key购买 nike

我想减少条形图系列数据之间的空间。下面提到的是提供清晰图片的图像:

enter image description here

谁能建议最好的方法来做到这一点?

$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Historic World Population by Region'
},
subtitle: {
text: 'Source: Wikipedia.org'
},
xAxis: {
categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Population (millions)',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueSuffix: ' millions'
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true
},
credits: {
enabled: false
},
series: [{
name: 'Year 1800',
data: [107, 31, 635],
pointWidth: 22,
}, {
name: 'Year 1900',
data: [133, 156, 947],
pointWidth: 22
}]

});
});

http://jsfiddle.net/fMdk3/5/

最佳答案

您要使用的选项是 pointPadding(条之间的填充)和 groupPadding(seies 之间的填充)。

例如

 plotOptions: {
series: {
pointPadding: 0,
groupPadding: 0.1,
}
},

例如 http://jsfiddle.net/BZzWQ/

关于highcharts - 减少 Bar Highchart 中系列数据之间的差距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19923415/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com