如何强制HighCharts标记每一列?

时间:2014-02-06 04:19:03

标签: javascript highcharts

我有一个基本的柱形图,每年的数字。它工作正常,但如果我把窗户太小,它会吞下半年

enter image description here

显然有足够的空间适应奇数年,所以我如何告诉高级图表呢?

var allspending = [
    [2002, 591856],
    [2003, 839446],
    [2004, 848463],
    [2005, 1034755],
    [2006, 1569442],
    [2007, 1484477],
    [2008, 2280282],
    [2009, 3261702],
    [2010, 4132972],
    [2011, 5321516]
];

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        legend: {
            enabled: false
        }, 
        series: [{
            name: 'Dollars',
            data: allspending
        }]
    });
});

我和steps一起玩过并且令人咋舌,但我只想让它在真正绝对必须时错开。

See for yourself!

2 个答案:

答案 0 :(得分:0)

阿曼达,如果你改变了传递数据的方法,你可以得到它

而不是二维数组将数据作为单维数组传递 replece

[
    [2002, 591856],
    [2003, 839446],
    [2004, 848463],
    [2005, 1034755],
    [2006, 1569442],
    [2007, 1484477],
    [2008, 2280282],
    [2009, 3261702],
    [2010, 4132972],
    [2011, 5321516]
];

[591856,839446,848463,1034755,1569442,1484477,2280282,3261702,4132972,5321516]

并使用类别

xAxis:{
    categories: ['2002','2003','2004','2005','2006','2007','2008','2009','2010','20011']
}

更新了您的jsfiddle here

希望这会对你有所帮助:)。

答案 1 :(得分:0)

您可以设置tickInterval和min值。

 xAxis:{
            min:2002,
            tickInterval:1
        },

http://jsfiddle.net/XFv4a/9/