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

Question

我试图用amStockCharts v3来做。 我已经看到了这个问题：here，但它似乎不适用于Stock图表。

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

Answer 1

正如您可以看到here，图表本身不支持图表或项目上的点击事件。
但是，您可以通过向单个面板添加侦听器来解决此问题。 （见docs）
在图表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!!!
        });
    }
});

对于＆＃34; clickGraphItem＆＃34;很重要是的，必须有一个实际项目被点击。换句话说，必须有一颗子弹。如果您不希望看到它们，只需将其alpha设置为零。

bullet: "round",
bulletAlpha: 0

您可以使用子弹的形状和大小来改变点击区域 我为你准备了fiddle。