基于缩放事件更改amChart串口中的dataProvider

// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.XYChart);

// 设置数据提供者
chart.data = [{
  category: "Category 1",
  value: 10
}, {
  category: "Category 2",
  value: 20
}, {
  category: "Category 3",
  value: 15
}];

// 监听缩放事件
chart.events.on("zoomed", function(ev) {
  // 获取缩放后的图表范围
  var start = ev.target.startIndex;
  var end = ev.target.endIndex;

  // 根据缩放范围更新数据提供者
  chart.data = chart.data.slice(start, end + 1);
});

// 创建类别轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";

// 创建值轴
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.renderer.minWidth = 50;

// 创建柱状图系列
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";

// 启动图表
chart.zoomOutButton.disabled = true;
chart.cursor = new am4charts.XYCursor();
chart.cursor.xAxis = categoryAxis;
chart.cursor.snapToSeries = series;

// 更新图表
chart.invalidateData();