如何将Highstock(Highcharts)'addPoint'功能与标志​​结合起来

时间:2013-06-11 20:27:44

标签: javascript highcharts data-visualization highstock graph-visualization

使用Highstock(Highcharts)库, 我想知道,如何将 A)here中添加标记(或参见 fig.1 )与< strong> B)使用 addPoint 功能动态更新数据(例如:series.addPoint([x, y], true, true) see here)。在 addPoint 功能中似乎没有设施。

series : [{
                name : 'USD to EUR',
                data : data,
                id : 'dataseries'
            },
            {
                type : 'flags',
                data : [{
                    x : Date.UTC(2011, 3, 25),
                    title : 'H',
                    text : 'Euro Contained by Channel Resistance'
                }],
                onSeries : 'dataseries',
                shape : 'circlepin',
                width : 16
            }]

图1

我看过这个SO question。但似乎在现有数据集上添加了一个标志。我可以同时添加数据点和相关标志吗?

任何帮助都表示赞赏。

谢谢

===编辑===&gt;

@塞巴斯蒂安-Bochan

感谢您的回复和工作示例。但是,出于某种原因, addPoint 不能用于我的设置。

请看一下 jsfiddle 。我所做的是i)设置一个初始图形,调用(chart-fill …),然后ii)调用(chart-increment …),增加1点,然后立即尝试在该点上添加1个标记。无效的部分是(-> ($ selector) (.highcharts) (.-series) (nth 9) (.addPoint { :x 1234567 :title "fubar"} true false))。这并没有像我期望的那样添加旗帜。

我有11个系列叠加在5个图表之上。这包括一系列类型“旗帜”。我想,也许有这么多系列,有一个问题引用其中一个。但如果我查看我的系列,我可以看到旗帜确实是第9个。

我也在使用Clojurescript代码。但我不认为这是一个问题,因为图表不能正确呈现。有任何想法吗?

enter image description here

1 个答案:

答案 0 :(得分:0)

请查看示例:http://jsfiddle.net/pGpU7/2/

 chart.series[0].addPoint([Date.UTC(2012, 1, 5),2],false);

        chart.series[1].addPoint({
                x: Date.UTC(2012, 1, 3),
                title: 'On series'
            },true);