javascript - 向时间序列图表添加动态平均值

Question

我会尽力尽可能准确地解释我的问题。我正在寻找一个满足以下两个条件的javascript图表库:

From an ajax request retrieving time series, 
display dynamically data when changing the time window.

例如在高库存上完美完成:http://www.highcharts.com/stock/demo/basic-line

还有

plot an horizontal line corresponding to the mean, 
changing when the user update the time window on the chart.

实际上可以显示水平线。但它们是固定在整个数据上的，当时间窗口修改时不会相应改变:

http://www.highcharts.com/stock/demo/yaxis-plotlines

我对这个主题很陌生，想知道是否可以修改 Highstock 类以获得这样的结果。或者也许存在其他一些 js 库？

Answer 1

使用此处答案的组合:

• Highchart, get total of visible series data after setExtremes

还有一个使用我为上一个问题制作的所有可见系列进行动态平均的示例，此处:

• http://jsfiddle.net/jlbriggs/gweuLegq/

我使用 afterSetExtremes 事件整理了这个示例，如下所示:

xAxis      : { 
            events:{
                afterSetExtremes:function() {
                    var ext = this.getExtremes();
                  getAverage(this.chart, ext.min, ext.max, show, width, avgColor, dashStyle);                
                }
            }
        },

这里的工作示例:

• http://jsfiddle.net/jlbriggs/c93543yL/

想法是:

1)捕获afterSetExtremes事件

2)获取结果轴的最小值和最大值

3)循环遍历系列数据

4) 如果某个点位于最小值和最大值之间，则增加计数，然后添加点的 y 值除以总和

5)相应计算平均值，检查平均值序列是否存在，如果存在，则更新，如果不存在，则添加

它可以轻松地使用您根据需要添加/删除的情节线而不是系列，但我喜欢将它作为一个系列，以便它有一个图例条目。