React中使用AmCharts 5实现XY图表捏合缩放功能失败求助

1. 修正配置项类型错误 #

你代码里的pinchZoomX和pinchZoomY设置成了字符串'true'，但AmCharts 5要求这两个参数是布尔值而非字符串类型。修改后的代码如下：

const chart = root.container.children.push(am5xy.XYChart.new(root, {
    panX: true,
    panY: true,
    wheelY: 'zoomXY',
    pinchZoomX: true, // 去掉引号，改为布尔值
    pinchZoomY: true  // 去掉引号，改为布尔值
}));

2. 额外检查项（若修正后仍不生效） #

• 检查图表容器的CSS属性：确保容器没有设置touch-action: none这类阻止触摸手势的样式，建议保持默认或设置为touch-action: manipulation。
• 验证坐标轴范围：如果坐标轴已处于最小/最大缩放极限，捏合操作不会产生视觉变化，可通过调整坐标轴的min/max或strictMinMax参数测试。
• 确认Root实例触摸支持：AmCharts 5默认启用触摸支持，若有自定义Root配置，可确保touch参数为true（默认值即为true，一般无需额外设置）。

内容的提问来源于stack exchange，提问作者stefano.d