【问题标题】:Rails, Chartkick: Show values on the chartsRails、Chartkick:在图表上显示值
【发布时间】:2017-08-05 16:40:46
【问题描述】:

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

饼图@机构

column_chart @stats

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

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

pie_chart visit.group(:country).count, library: {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' } %>

给我这个:

编辑 2:Chartkick 提出了 3 种安装 Chartkick 的方法。我用 Chart.js 选择了第一个。由于有用的 cmets,我现在安装了第二种方式。现在,我的饼图显示了数字。

【问题讨论】:

    标签: ruby-on-rails chartkick


    【解决方案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:: 在柱形图上

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

    【讨论】:

    • 我不一样。检查我的编辑。也许我没有正确包含 Chartkick?
    • chartkick (1.3.2) 使用默认的谷歌图表适配器。您是否使用任何自定义适配器
    • 检查初始化程序chartkick.rb,如果你正在全局设置一些东西
    • 包括直截了当,1. 添加 gem 2. 包括 chartkick 和 google chart api 3. 渲染图表 (pie_chart ...)
    • google.com/jsapi" %>
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多