javascript - 具有实时数据的 Highcharts : align chart on left side

标签 javascript charts highcharts

我正在使用 Highcharts 和实时数据。我看到了这个例子,它对我来说效果很好:

https://www.highcharts.com/docs/working-with-data/live-data

但是当第一个数据到达时,它会在图表中间绘制点: enter image description here

当图表充满数据时看起来不错:enter image description here

但我想将线对齐到左侧,即使我有几个点要画。可能吗?

最佳答案

这里的问题在于 xAxis 对象的 maxZoom 属性。使用它,您可以指定 xAxis 的最小范围,该范围已经存在:maxZoom 设置为 20000。要使点向左对齐,您只需从配置中删除此属性即可。这是我对这个 fiddle 的编辑版本:https://jsfiddle.net/arcquim/y9eaw1rf/13/ .

顺便说一下,maxZoom已弃用并替换为新的 minRange属性。

关于javascript - 具有实时数据的 Highcharts : align chart on left side,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43778280/

相关文章:

javascript - 通过 mocha.run() 调用的 Mocha 测试不会在 "it"函数内部运行代码,也不会在 "before"函数内部运行代码

javascript - 加载 Laravel Chart consoletvs/charts :7. *

python - 使用 Pyramid 框架从 csv 数据创建包含图表或表格的网页

javascript - Highcharts 用 chart.renderer.path 画一条线

javascript - 使用 Angular js 指令使用 Highcharts 呈现多个图表

javascript - 如何从 excel 文件中获取输入并在速度计上显示输出

javascript - 在 ReactJS 中尝试按 ID 设置元素样式时出现错误

highcharts - 在 R 中使用 hctreemap2 创建具有不同颜色的 TreeMap

javascript - 更改特定标签的类别

mysql - 将数据库统计数据绘制到网页上的快速方法