ChartJS 如何在海图中用RWD改变纵横比选项？

xdyibdwo 于 2022-11-06 发布在 Chart.js

关注(0)|答案(1)|浏览(167)

我想根据屏幕宽度更改此设置

// min-width:576px
aspectRatio: 1

// min-width:1280px
aspectRatio: 2

我希望你能建议我如何更好地处理这个设置的变化，我只是想改变这个设置，而不是改变到其他CSS。谢谢大家！

1条答案

您可以在配置中将aspectRatio选项设置为可脚本化的选项，在该选项中，您可以返回来自逻辑的值，访问屏幕大小或CSS，并检查最小宽度的值：

options: {
  aspectRatio(ctx) {
    // your logic
    return yourValue;
  },
  .... 
}