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

pie_chart @institutions

ruby-on-rails - Rails,Chartkick:在图表上显示值-LMLPHP

column_chart @stats

ruby-on-rails - Rails,Chartkick:在图表上显示值-LMLPHP

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

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

pie_chart visits.group(:country).count,库:{pieSliceText:
'价值和百分比'}

我试图添加选项

库:{pieSliceText:'值和百分比'}

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

还有另一个类似的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' } %>

给我这个:

ruby-on-rails - Rails,Chartkick:在图表上显示值-LMLPHP

编辑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' } %>

ruby-on-rails - Rails,Chartkick:在图表上显示值-LMLPHP
@institutions的结构是什么,可能是引起一些问题的原因。

UPDATE::在柱形图上

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

关于ruby-on-rails - Rails,Chartkick:在图表上显示值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45524226/

10-11 04:40