如何使react-chartjs-2在移动设备上响应？

Question

我在我的项目中使用react-chartjs-2，但找不到图表的问题，因为在移动设备上，所有标签和图例仍然很大。我尝试了responsive: true，maintainAspectRation: true。没用

Answer 1

我为您提供了一个demo页面，介绍了如何使我的charjs响应。

基本上，您需要给<canvas>元素height:100%并传递以下选项：

options: {
  maintainAspectRatio : false
}

完全不使用responsive: true，它似乎什么也没做。

如果<canvas>位于某个容器中，建议您使该容器具有响应能力（例如，使用flexbox）。