问题描述
我尝试了很多方法来解决这个问题,但不管我传递给 Chartkick 实例的值是什么,我总是得到 height
中设置的生成 canvas
的 px
。
我已经设置了一个 CodeSandbox 作为示例。
如果您尝试拖动以扩大/缩小预览窗口,您就会明白我的意思。
标准 Chart.js 图表会在 width
和 height
中调整大小,但 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 (将#修改为@)