Question

首先，请原谅我的英语。

我是Ruby on Rails的初级开发人员，我开发了一个用户管理应用程序。我正在研究使用Chartkick和WickedPDF在PDF中生成统计信息的最后一个功能。

但是，我有一个问题，因为生成的JS的字体非常小。我尝试了一切，但无事可做，我无法放大这个字体。

以下是生成我的一个图表的行：

    <%= pie_chart Infosheet.group(:gender).count, library: {FontSize: 90} %>

生成此代码：

    <script type="text/javascript">
       new Chartkick.PieChart("chart-1", {"man":4}, {"library":{"FontSize":90}});
    </script>

但没有变化。我尝试了很多其他我不想要的东西......在我的PDF中，图形有一个巨大的边缘和一个小字体。：/

我绝望，因为我必须在下周归还这个项目。

有人可以帮助我吗？

非常感谢

编辑：

这是我在PDF中的统计数据：

https://i.gyazo.com/c86a39b2a9e529b7551f8654bee838b4.mp4

字体真的很小。我的统计数据大小为5000px x 5000px。此外，如果我增加PDF的dpi，则没有任何变化

已解决：

最后，我分叉了chartkick直接将font-size更改为它，因为没有传递任何选项。

Answer 1

我认为你传递了错误案例的属性。应该是snakeCase，并尝试使用像素大小：

<%= pie_chart Infosheet.group(:gender).count, library: {fontSize: "50px"} %>


<script type="text/javascript">
   new Chartkick.PieChart("chart-1", {"man":4}, {"library":{"fontSize":"50px"}});
</script>

Answer 2

使用此代码

<%= pie_chart Infosheet.group(:gender).count, library: {fontSize: 90} %>

Answer 3

有你

  <%= pie_chart counters, library: { legend: { position: "left", labels: { fontSize: 26 } } } %>

使用chartkick更改chart.js的字体大小

3 个答案: