Question

大幅更新以使我的问题更清楚（我希望）。我有数据显示我在列中列出了按年份显示变化的数据，以及我希望在第二个X轴上显示去年崩溃的一些深入分析。如果我做this：

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

function createSeries(data, yAxisIndex) {
    var i;
    var series = [];
    for (i = 0; i < data.length - 1; i++) { // Node length-1
        var start = data[i];
        var end = data[i + 1];
        series.push({
            yAxis: yAxisIndex
        });
    }
    return series;
}


var options = {
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    xAxis: [{
        min: 2002,
        tickInterval: 1
    }, {
        offset: 0,
        labels: false,
        left: 400,
        width: 100
    }],
    plotOptions: {
        column: {
            stacking: 'normal',
        }
    },
    series: [{
        xAxis: 0,
        name: 'Year over Year',
        data: yearbyyear
    }, {
        xAxis: 1,
        name: 'Top Stack',
        data: [2011, 2770158]
    }, {
        xAxis: 1,
        name: 'Next Stack',
        data: [2011, 2551358]
    }]
};

var chart = new Highcharts.Chart(options);

图表完全流畅，但系列全部重叠。我可以防止它们重叠，但只能给第一个图表一个明确的宽度，第二个图表可以容纳那个宽度。有没有办法可以保持流动性，但保持第二个x轴在第一个的右边？

这里的一位意见提供者指出，我可以通过将2012年的钻取工作放在同一个x轴上来捏造图表，但我不喜欢引入不准确的想法，即使在引擎盖下，也说数据属于2012当它肯定是2011年的数字。

我可以并排放置两张高图并保持尺寸动态吗？

0 个答案: