Question

这个系列很好，但是xaxis是颠倒过来的，但是代码“反转：是的”，这对于Yaxis的正确顺序是必要的

总之，在这个例子中，我只需要反转Xaxis：

$(function() {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'line',
    },
        xAxis: {
    type: 'datetime',
    reversed: true,
    labels: {
        formatter: function() {
            return Highcharts.dateFormat('%m/%d/%y', this.value, true);
        }
    },
    showLastLabel: true
},
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],

        pointInterval: 1 * 3600 * 1000,
        pointStart: (new Date()).getTime() - 1 * 24 * 3600 * 1000 

       }]
});

}）;

http://jsfiddle.net/raposu/K5tpe/4/

Answer 1

你说你不希望它反转但是你设置了reversed: true。但这是因为您希望数据按适当的顺序排列。但是您要通过(new Date()).getTime() - 1 * 24 * 3600 * 1000指定任意日期。但是这是按升序排列的......但是你设置reversed: true所以它是降序...但是你想要它按升序排列。

所以，删除reversed: true，你的数据按时间顺序递增（这是一件好事）。由于您没有提供预期结果的示例，因此这是我能提出的最佳答案。

编辑：

如果您希望数据从N小时前开始按升序排列，则应首先进行设置，以便同时发送x / y值而不是点开始。我发现发送时间/值对总是更好。请参阅此更新example。

Answer 2

好的，但是如果你移除逆转，那么也会逆转Yaxis。我需要示例中的数据。

24小时前的倒置数据直到现在。如果 已逆转： 时间数据正确但数据已投入，如果我 逆转：是， 数据是正确的，但投入的时间。

是一个很难解释的绕口令，

感谢

Answer 3

我终于找到了..... .reverse（）

   series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse(),

        pointInterval: 1 * 3600 * 1000,
        pointStart: (new Date()).getTime() - 1 * 24 * 3600 * 1000 

       }]

http://jsfiddle.net/K5tpe/7/

感谢

正如在这个例子中可以颠倒的Xaxis

3 个答案: