javascript - AmCharts，捕获期间选择器的点击事件

Question

我正在使用 AmCharts 3，我想知道有没有一种方法可以捕获点击周期选择器按钮的事件？

The Docs state 我可以向“已更改”类型的周期选择器添加一个监听器，但事件几乎随时运行

“缩放”有一个监听器，但无论我是否单击周期选择器，每次缩放图表时它都会运行

这是我的尝试:

chart = AmCharts.makeChart(scope.vm.chartId, chartSettings);
    AmCharts.addInitHandler(function () {
    // add events to item
    _.each(chart.panels, function (item) {
    //item.addListener("zoomed", onZoomed);
    item.addListener("changed", function(e) {
    console.debug("changed " + e.periodString);
   });
 });
});

Answer 1

您可以使用句点选择器的 changed的事件。

即:

var chart = AmCharts.makeChart( "chartdiv", {
  "type": "stock",

  // ...

  "periodSelector": {
    "position": "left",
    "periods": [ {
      "period": "MM",
      "selected": true,
      "count": 1,
      "label": "1 month"
    }, {
      "period": "YYYY",
      "count": 1,
      "label": "1 year"
    }, {
      "period": "YTD",
      "label": "YTD"
    }, {
      "period": "MAX",
      "label": "MAX"
    } ],
    "listeners": [ {
      "event": "changed",
      "method": function( event ) {
        if ( event.predefinedPeriod !== undefined ) {
          console.log( event.predefinedPeriod, event.count );
        }
      }
    } ]
  },

  // ...
} );

请注意，当使用日期输入字段更改日期时也会执行此事件，因此检查是否定义了 event.predefinedPeriod。

另请记住，在图表初始化时也选择了默认周期。因此，在没有任何用户交互的情况下首次加载图表时将触发此事件。

这是一个 working demo .