0
我有以下highcharts設置,並且xAxis上方底部有一個空格,有人可以告訴我解決這個偏移的最佳方式對我來說不是一個解決方案。高空底部的空間
$(function() {
$('#container').highcharts({
chart: {
type: 'column',
animation: true,
verticalAlign: 'bottom',
backgroundColor: "#ffffff"
},
legend: {
enabled: true,
verticalAlign: 'bottom',
align: 'center',
},
xAxis: {
type: 'datetime',
//tickInterval: 3600 * 1000,
//min: Date.UTC(2016, 9, 3),
//max: Date.UTC(2016, 9, 4),
dateTimeLabelFormats: {
day: '%H'
}
},
yAxis: {
title: {
text: null
},
minPadding: 0,
maxPadding: 0,
min: 0,
max: 3,
minRange: 0.1,
tickInterval: 1,
gridLineWidth: 0,
categories: ["", "Short", "Medium", "High", "Long"],
},
colors: ["#bb2e33", "#fac300", "#68a92a"],
series: [{
name: 'Severe',
pointStart: Date.UTC(2016, 9, 3),
pointInterval: 24 * 3600 * 1000,
data: [
[1475482200000, 3],
[1475489685000, 1],
[1475489693000, 1],
[1475489704000, 1],
[1475490071000, 3]
],
//stack: 'week'
}, {
name: 'Moderate',
pointStart: Date.UTC(2016, 9, 3),
pointInterval: 24 * 3600 * 1000,
data: [
[1475472600000, 2],
[1475489685000, 2],
[1475489693000, 2],
[1475489704000, 2],
[1475490071000, 2],
[1475490071000, 2],
[1475490071000, 1]
],
//stack: 'week'
}, {
name: 'Mild',
pointStart: Date.UTC(2016, 9, 3),
pointInterval: 24 * 3600 * 1000,
data: [
[1475472600000, 1],
[1475489685000, 3],
[1475489693000, 2],
[1475489704000, 1],
[1475490071000, 1]
],
//stack: 'week'
}]
});
});
實例下 http://jsfiddle.net/93Xcu/373/
也許你可以在圖表中使用pointPlacement? http://jsfiddle.net/93Xcu/374/ http://api.highcharts.com/highcharts/plotOptions.column.pointPlacement –
完美的謝謝@GrzegorzBlachliński – user1503606