即使响应 true

问题描述

我尝试了很多方法解决这个问题,但不管我传递给 Chartkick 实例的值是什么,我总是得到 height 中设置的生成 canvaspx

我已经设置了一个 CodeSandbox 作为示例。

如果您尝试拖动以扩大/缩小预览窗口,您就会明白我的意思。

标准 Chart.js 图表会在 widthheight 中调整大小,但 Chartkick 不会。

我测试过的一些方法是:

  • 给了一个 % 值,什么都没有发生,高度仍然停留在 300px
  • 给了一个 vh 值,这实际上调整了图表的大小,但我对窗口的高度不感兴趣
  • 给了一个 vw 值,对于前一种情况,即使这里发生了一些事情......图表会改变大小,但这对我来说没有用,因为一旦媒体查询开始并且容器有更多空间我的 height 卡在窗口宽度大小
  • 除了 set responsive: true 我还添加maintainAspectRatio: true 但没有任何变化

在这里没有任何想法,我想了解这是否只是我对 Chartkick 的要求过高,还是有人已经面临过这种问题。

请注意:即使我使用 chartkick.js 给出示例,我也在 Rails 项目中使用 gem 版本,因此更改传递给实例不会像在 JS 生态系统中那么容易。我不是 Ruby 的高手,所以我(至少现在)不清楚如何将数据从 JS(例如 offsetWidth)传递给我传递的选项?

相关: 我也在 Chart.js 论坛中发布了 'beginning of this adventure',但现在我已经测试了更多,这显然是 Chartkick 的问题。链接它只是为了给我的问题提供更多背景。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)