javascript - 修复了 Highcharts Stock 中的 x 轴(停止自动缩放)

Question

在开始绘制主系列(LTP)时的图表中，它绘制在整个宽度上。

有没有办法像底部的选择器图表一样绘制它？

编辑:我希望整个 xAxis 可见，然后在不自动缩放 xAxis 的情况下添加点。

看看我的代码

http://jsfiddle.net/S9SwB/9/

Answer 1

在这里建立@wergeld 的解决方案，正如您在他的解决方案中看到的那样，x 轴的末端在 5:30 处正确定位，但时间突然跳跃，这是因为轴的序数属性是默认情况下设置为 true，这意味着所有点在像素方面均等间隔，时间差异无关紧要，因此轴在右侧仅留出 1 个点的足够空间，因此添加一个点所需的像素数。将 ordinal 设置为 false 时，它​​将根据时差分配所需的空间。总而言之，这是您的解决方案:) http://jsfiddle.net/jugal/UP5sW/

var min = new Date().getTime();
var max = min + 50 * 500;  
//...

xAxis: {
        ordinal: false,
        max:max
    },
    series: [
        {
        name: 'Series 0',
        data: [[min, 0]]
    },
    {
        name: 'End',
        data: [[max, 0]]
    }]

更多关于序数选项@ http://www.highcharts.com/stock/ref/#xAxis--ordinal & http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/stock/xaxis/ordinal-false/