javascript - 如何在AmCharts-StockChart中创建Click事件

Question

假设有一个使用 AmCharts 的 Stockchart，如下所示:

https://codepen.io/Volabos/pen/yZwdqg

HTML 代码部分如下所示:

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/amstock.js"></script>
<div id="chartdiv"></div>       

<button type="button">Click Me!</button>

在页面的左下角，有一个按钮。现在我想要一个功能，当用户单击此按钮时，将选择 Zoom=MAX(如果尚未选择)。

有什么办法可以实现这个功能吗？

感谢您的指点

Answer 1

官方支持的方法是将 periodSelector 的 periods 数组中周期的 selected 属性设置为 true(同时将其他属性设置为 false)并调用setDefaultPeriod然后模拟点击。

document.getElementById('clickme').onclick = event => {
  chart.periodSelector.periods.forEach((period) => {
    if (period.period === "MAX") {
      period.selected = true;
    }
    else {
      period.selected = false;
    }
  });
  chart.periodSelector.setDefaultPeriod();
};

Codepen