Rails、Chartkick:在图表上显示值

Rails, Chartkick: Show values on the charts

Chartkick gem 可让您创建多种图表。目前,我的图表如下所示:

pie_chart @institutions

column_chart @stats

我希望这些值显示在图表上。在饼图中,我希望数字 244 和 43 在饼图内外可见。在柱形图中,我希望值位于顶部或列中。这有可能吗?

关于饼图,已经有一个,但接受的答案对我没有任何帮助:

pie_chart visits.group(:country).count, library: {pieSliceText: 'value-and-percentage'}

我尝试添加选项

library: {pieSliceText: 'value-and-percentage'}

但没有任何改变。我究竟做错了什么?是否有我缺少的选项或设置?

还有一个类似的Whosebug-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。由于有用的评论,我现在安装了第二种方式。现在,我的饼图显示了数字。

我试过了,效果很好

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

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

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

更新::在柱形图上

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