如何在AmCharts Stock图表上处理点击事件？

Question

我正在尝试使用amStockCharts v3.我已经看到了这个问题:这里,但它似乎不适用于股票图表.

如何处理此图表的点击事件 - http://www.amcharts.com/demos/multiple-data-sets/？我需要能够获得与点击点相对应的日期和值.

Answer 1

正如你可以看到这里的stockchart本身不支持图形或项目单击事件.
但是,您可以通过向单个面板添加侦听器来解决此问题.(参见文档)
由于图表在图表chart.panels[x].addListener()不起作用后被初始化.
相反,你必须将它包装在图表init事件中,如下所示:

chart.addListener("init", function () {
    for( var x in chart.panels ) {
        chart.panels[x].addListener("clickGraphItem", function(e) {
            alert("index: "
                    + e.item.index
                    + "\nvalue: "
                    + e.item.values["value"]); //valuefield depends on your mapping!!!
        });
    }
});

对于"clickGraphItem"来说重要的是,必须有一个实际项目被点击.换句话说,必须有一颗子弹.如果您不希望看到它们,只需将它们的alpha设置为零即可.

bullet: "round",
bulletAlpha: 0

您可以使用子弹的形状和大小来更改单击区域.
我为你准备了一个小提琴.