如何让react-chartjs-2在移动端响应？

Question

我在我的一个项目中使用react-chartjs-2，我找不到图表的问题，因为在手机上所有的标签和图例仍然是大的af。我试过responsive: true，maintainAspectRation: true。毫无办法

​

​

Answer 1

我已经为您创建了一个demo页面，介绍我的charjs是如何响应的。

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

options: {
  maintainAspectRatio : false
}

根本不要使用responsive: true，它似乎什么也做不了。

如果你的<canvas>在某个容器中，我建议让该容器响应(例如使用flexbox )。