【问题标题】:Fixed x-axis in Highcharts Stock (stop auto-scaling)修复 Highcharts Stock 中的 x 轴(停止自动缩放)
【发布时间】:2012-10-11 02:41:53
【问题描述】:

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

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

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

看看我的代码

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

【问题讨论】:

  • 您的意思是让整个 xAxis 可见,然后在不自动缩放 xAxis 的情况下添加点?
  • 好吧,我修改了你的小提琴以使用 xAxis max,但它仍然没有像我想象的那样做。见这里:jsfiddle.net/wergeld/f6SmR
  • 发布了另一个解决方案,如果答案有帮助,请相应地投票/标记

标签: javascript charts highcharts


【解决方案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/

【讨论】:

  • 你的小提琴不再起作用了。避免在共享这样的公共小提琴时停止工作的外部托管库。 code.jugal.me/js/jugalsLib.js - 404
  • 我认为代码比库更重要,第三方库仅用于减少代码。所有重要的代码仍然在小提琴中。 @Mrchief
  • 如果是这种情况,那么您应该在答案中突出显示相关部分,让小提琴拥有完整的东西。小提琴坏了!
  • @Mrchief 在答案中也添加了代码 sn-p。链接有时确实会损坏,但对于真正想要答案的人来说,小提琴中的代码仍然存在,没有逻辑错误(它只是无法获取引用的文件),你不能总是控制您发布的所有链接都不会让其他人在不尝试查看答案的情况下投票。接受的答案确实意味着它在发布时有效。
  • 这就是为什么拥有这些外部链接是个坏主意。包括配置 - 这没什么大不了的,只会使您的解决方案完整。不要假设每个读者都是 highcharts 专家。
猜你喜欢
  • 1970-01-01
  • 2018-06-24
  • 2015-06-10
  • 1970-01-01
  • 1970-01-01
  • 2016-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多