Javascript Highcharts列没有宽度(看似任意)
我正在使用Highcharts处理柱状图。图表需要处理任意数量的列 下面是我需要处理的一个此类图表的示例:Javascript Highcharts列没有宽度(看似任意),javascript,highcharts,Javascript,Highcharts,我正在使用Highcharts处理柱状图。图表需要处理任意数量的列 下面是我需要处理的一个此类图表的示例: $('#TimesChart2').highcharts({ chart: { type: 'column' }, title: { text: 'Response Times' }, xAxis: { type: 'datetime',
$('#TimesChart2').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Response Times'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
month: '%e. %b',
year: '%b'
}
},
yAxis: {
title: {
text: 'Minutes'
}
},
series: [{
name: 'Average Response Time',
data: [[Date.UTC(2013, 6, 30), 878.42], [Date.UTC(2013, 6, 31), 579.68], [Date.UTC(2013, 7, 1), 400.42], [Date.UTC(2013, 7, 2), 622.95], [Date.UTC(2013, 7, 5), 1260.97], [Date.UTC(2013, 7, 3), 0], [Date.UTC(2013, 7, 4), 0], [Date.UTC(2013, 7, 6), 517.945] ],
dataGrouping: {
enabled: false
},
pointPadding: .05
}],
});
问题是这组数据上的列的宽度非常小。在某些数据集中(请参见JSFIDLE链接中的第一个图表),列的宽度正常,并且很好
一种可能的解决方法是将pointWidth设置为固定值,但在大型图形上,列会重叠。我也尝试过点填充和分组,但没有效果
有人知道这里发生了什么吗?真奇怪。但是,你会发现,第一个数据系列的日期顺序是相反的。如果你解决了这个问题,图表是正确的 (注意我只是更改了日期,没有更改数据)
series: [{
name: 'Average Response Time',
data: [[Date.UTC(2013, 7, 2), 354.5], [Date.UTC(2013, 7, 3), 1981.875], [Date.UTC(2013, 7, 4), 434.5], [Date.UTC(2013, 7, 5), 678.1], [Date.UTC(2013, 7, 6), 87.465] ],
dataGrouping: {
enabled: false
},
pointPadding: .05
}],