固定Highcharts Stock中的x轴(停止自动缩放)

时间:2012-06-08 12:47:14

标签: javascript charts highcharts

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

chart

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

编辑:我想要整个xAx可见,然后添加点而不自动缩放xAxis。

查看我的代码

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

1 个答案:

答案 0 :(得分:4)

在这里建立@ wergeld的解决方案,正如你在他的解决方案中看到的那样,x轴的末端在5:30正确定位但是时间突然出现了跳跃,这是因为轴的序数属性是默认情况下设置为true,这意味着所有点在像素方面均匀分布,在时间方面差异不大,因此轴在右侧留下足够的空间仅1点,因此添加一个点所需的像素数。在将序数设置为假时,它将根据时间差分配所需的空间。 总而言之,这里是你的解决方案:) 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/