在AmCharts中添加过滤/下拉菜单

<div id="chartdiv"></div>

var chart = am4core.create("chartdiv", am4charts.XYChart);

chart.data = [{
  "category": "Category 1",
  "value": 100
}, {
  "category": "Category 2",
  "value": 200
}, {
  "category": "Category 3",
  "value": 150
}];

var select = new am4core.SelectType();
select.dropdown.strokeWidth = 1;
select.dropdown.stroke = am4core.color("#ccc");
select.dropdown.background.fill = am4core.color("#f9f9f9");
select.dropdown.background.filters.clear();
select.align = "right";
select.width = 150;
select.marginBottom = 15;

// 设置下拉菜单的选项
select.setDataProvider(new am4core.DataProvider([
  { "label": "Option 1", "value": 1 },
  { "label": "Option 2", "value": 2 },
  { "label": "Option 3", "value": 3 }
]));

// 监听下拉菜单的选择事件
select.events.on("changed", function(event) {
  var selectedItem = event.target.data[event.target.selectedIndex];
  // 根据选择的值进行相应的操作
});

// 将下拉菜单添加到图表中
chart.plotContainer.children.push(select);