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

【问题标题】：Change the font size of chart.js with chartkick使用 chartkick 更改 chart.js 的字体大小
【发布时间】：2018-04-04 23:23:25
【问题描述】：

首先，请原谅我的英语。

我是一名 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

字体……真的很小。我的统计数据大小为 5000 像素 x 5000 像素。另外，如果我增加 PDF 的 dpi，什么都不会改变

已解决：

最后，我分叉了chartkick，直接将字体大小更改为它，因为没有通过任何选项。

【问题讨论】：

只是猜测，但请尝试{fontSize: 90}
感谢您的回复，我相信了，但不幸的是，事实并非如此。 :(
PDF 之前的 Web 应用程序中的图表是什么样的？
我的统计数据不应该出现在 PDF 之外，但我在页面上创建了一个图表来测试选项，而无需每次都重新加载 PDF。在这里它是可读的，但库中的任何选项都不起作用：i.gyazo.com/cca844fa7264c2e3c81c1bcc9f410add.png 但在我的 PDF 中，图形要么不出现，要么很小。我设法放大了它们，但只有图形的大小发生了变化，而不是它包含的字体......

标签： ruby-on-rails ruby chart.js chartkick

【解决方案1】：

你来了

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

【讨论】：

【解决方案2】：

我认为您传递的属性大小写错误。可能应该是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>

【讨论】：

我相信了，但不幸的是，事实并非如此。 :(
更新了答案，您是否尝试过使用px 字体大小？
是的，我试过了，但没有任何改变......也许我必须直接使用 chart.js，如果我找到如何将数据放入 DB 中

【解决方案3】：

使用此代码

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

【讨论】：