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

Question

我正在尝试使用 amStockCharts v3 来做到这一点。我看过这个问题：here，但它似乎不适用于股票图表。

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

Answer 1

如你所见here the stockchart itself does not support click events on the graph or items.
However, you can solve this by adding listeners to single panels. (see docs)
由于面板在图表之后初始化 chart.panels[x].addListener() 将无法工作。
相反，您必须将其包装在图表初始化事件中，如下所示：

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

您可以调整子弹的形状和大小，以更改点击区域。
我给你准备了一个fiddle

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

How to handle click event on AmCharts Stock graph?

javascript

amcharts