javascript - Highstock - 更改输入范围超出数据最大值

标签 javascript highcharts

我在一个项目中使用 Highstock,并希望通过更改 rangeInputs 动态地将更多数据添加到系列的开头或结尾。

问题在于,HighStock 似乎不验证超出图表当前最大/最小值的 rangeInput 输入。

这里是他们的 jsfiddles 之一的链接:jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/xaxis/events-setextremes/

在此示例中,我想在“收件人”字段中输入“2011-05-11”并触发一个事件以获取数据。但是,输入“2011-05-11”不会触发“setExtremes”事件或执行任何操作。

有什么想法吗?

编辑
根据我标记为已接受的答案,我创建了一个 Highcharts 插件来覆盖当前功能。 https://github.com/d-nation/highstock-beyond-extremes .

最佳答案

是的,Highstock 会检查输入日期是否超出极端值,并覆盖数据的最小/最大值。可能的解决方案是添加两个空点以及数据的结束和开始,例如:

data: [ [timestamp0, null] , [timestamp1, x] .... [timestampN, xN], [timestampN+1, xN] ]

实例:http://jsfiddle.net/MCLXV/

另一个解决方案是编辑源代码来防止这种情况发生。

关于javascript - Highstock - 更改输入范围超出数据最大值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19694258/

相关文章:

javascript - Highcharts 。设置列/栏背景颜色的全高

javascript - 图像没有完全向左移动

php - PHP 和 JavaScript 中的全局变量

c# - 如何在响应中将 C# 类序列化为 Javascript?

highcharts - 当使用 javascript 打印带有 highcharts 的页面时,@media print 中的 css 中的 this.print() 宽度值似乎被忽略了

javascript - Highcharts 饼图导出,标签渲染两次

javascript - 从 XUL 访问附加 SDK 'main'

javascript - 在 Footable 重新加载或重绘时重置分页

javascript - Highcharts 柱形+多系列折线组合图。在列上发出对齐线

Highcharts 服务器未正确加载 infile