带有 Highcharts / Highstock 的自定义图表

Question

我正在尝试基于 Highstock 基本折线图创建自定义图表。

更准确地说，我想创建一个回撤图表（请参阅drawdown chart on wikipedia）。我不想讨论公式:)，而是按照一定的规则更改 Highstock/Highcharts 中的数据显示的方式。它可能更简单：假设您想为每个数据点显示 f(x) = 100，尽管您的数据完全不同。

应满足以下要求：

1. 我想尽可能多地使用 Highstock 的功能，例如缩放图表轴、在“拖动”时间线时调用重绘等。

2. 我想使用 Highstock 模式来扩展其图表：包装或推送事件侦听器，并在此过程中确保我的代码保持可读性和可维护性。

最好的尝试是包装processData 函数。在它的主体中，我操作了 xData 和 yData 并调用了 super 方法，如下所述：Extending Highcharts

图表打破显示某些时间范围。原始数据似乎显示在那里。

我无法再没有任何帮助。如果有人可以帮助我，我会非常高兴。

提前致谢！

尼尔斯

Answer 1

1) 您可以捕获redraw 事件，然后调用您的操作。

通过参数缩放轴：

• http://api.highcharts.com/highstock#yAxis.height
• http://api.highcharts.com/highstock#yAxis.top

动态

• http://api.highcharts.com/highcharts#Axis.update