我正在使用 highcharts 制作一些图形。同一个 highchart 里面有 3 个图形,但我的问题是 highchart 从左边的一些填充开始,像这样:
我希望它看起来像这样:(用 Photoshop 编辑)
请帮忙
我正在使用 highcharts 制作一些图形。同一个 highchart 里面有 3 个图形,但我的问题是 highchart 从左边的一些填充开始,像这样:
我希望它看起来像这样:(用 Photoshop 编辑)
请帮忙
这个问题已经被问过好几次了(我不记得链接了),但一般不使用分类 xAxis,而是使用带有特定标签格式化程序的标准线性,例如:http: //jsfiddle.net/3bQne/266/
var categories = ['01/02/2012','01/03/2012','01/04/2012','01/05/2012','01/06/2012','01/07/2012'];
var chart2 = new Highcharts.Chart({
chart: {
renderTo: 'container2'
},
xAxis: {
labels: {
formatter: function() {
return categories[this.value];
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
}]
});
现在你可以玩弄startOnTick
and了minPadding
。对于分类轴,这不可能改变空间分布 - 它总是在所有点之间平均分配。