Question

Chartkick gem可让您创建多种图表。目前，我的图表看起来像这样：

pie_chart @institutions

column_chart @stats

我希望这些值显示在图表上。在饼图中，我希望数字244和43在饼图中或外部可见。在柱形图中，我希望将值放在顶部或列中。这有可能吗？

关于饼图，已经有stackoverflow-question，但接受的答案对我没有任何作用：

pie_chart visits.group（：country）.count，library：{pieSliceText：＆＃39;值和 - 百分比＆＃39;}

我尝试添加选项

library：{pieSliceText：＆＃39; value-and-percentage＆＃39;}

但没有改变。我究竟做错了什么？可能有一个我缺少的选项或设置吗？

还有另一个类似的stackoverflow-question，其中提出了以下解决方案：

<%= pie_chart @my_data, library: { pieSliceText: 'value' } %>

和

pie_chart graph_data, { pieSliceText: 'value' }

但这两件事对我都没有用。可能有新的语法吗？

编辑1：

<% data = [['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]] %>

<%= pie_chart data, library: { pieSliceText: 'value' } %>

给了我这个：

编辑2：Chartkick提出了3种安装Chartkick的方法。我用Chart.js选择了第一个。由于有用的评论，我现在安装了第二种方式。现在，我的Pie-Charts显示了数字。

Answer 1

我试过这个并且工作正常

<% data = [['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]] %>

<%= pie_chart data, library: { pieSliceText: 'value' } %>

@institutions的结构是什么，可能会导致一些问题。

UPDATE ::在柱形图上

图表技术的GH表示，还没有官方支持显示每列的数据 https://github.com/ankane/chartkick.js/issues/38#issuecomment-271117774

Rails，Chartkick：在图表上显示值

1 个答案: