grails - 在PeriodSelector AMChart中发送Ajax请求

Question

我有以下JavaScript代码来绘制弹药库存，仅是PeriodSelector部分:

 var periodSelectorAjax = new AmCharts.PeriodSelector();
 periodSelectorAjax.periods = [
    {period: "F1", label: "Phase 1"},
    {period: "F2", label: "Phase 2"},
    {period: "F3", label: "Phase 3"},
    {period: "MAX", selected: true, label: "MAX"}
];

当用户单击期间以重新加载图形时，我需要进行拦截，我发现可以使用此方法(来自here):

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 );
    }
  }
} ]
},

// ...
} );

但是我不知道如何放置最后一个侦听器部分并将其与我的代码一起使用。

谢谢

Answer 1

您可以使用 addListener 方法，也可以直接在periodSelectorAjax变量上设置 listeners 数组。
addListener示例:

periodSelectorAjax.addListener("changed", function(event) {
  // your code here
});

listeners属性示例:

periodSelectorAjax.listeners = [{
  "event": "changed",
  "method": function(event) {
    // ...
  }
}]