我在用着ng2 图表 https://github.com/valor-software/ng2-charts在 Angular 项目中。我有该项目的两个版本。当前的生产版本是旧版本,并且使用旧版本的 ng2-charts(以及扩展的 Chart.js)。我正在努力升级该项目。不过我遇到过一些奇怪的事情。
我使用的是 ng2-charts 中的圆环图,旧版本中图表加载的默认大小是 1:1 的比例:
您可以看到它加载时的高度和宽度均为 240 像素。奇怪的是,在较新版本的 ng2-charts/chart.js 中,宽高比为 2:1:
我在新版本中使用相同的选项、相同的设置等。唯一的区别是软件包版本。
Chart.js 是否有一个设置可以帮助我解决这个问题?我喜欢旧图表的大小,但如果不允许,就无法让新图表做到这一点canvas
图表的内容会渗出我的组件,出于明显的原因,我不希望这样做。
Set aspectRatio: 1
in the options
提供给 Chart.js 的对象以获取您要查找的内容。默认aspectRatio
当前版本中为 2(曾经一度为 1,但为了提高向后兼容性而将其恢复)。正如您可能猜到的,将其设置为 0.5 会导致height
元素的宽度是宽度的两倍。
Codepen https://codepen.io/anon/pen/rvaEvZ(这支笔取自this https://github.com/chartjs/Chart.js/issues/5432Github 问题)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)