0

通过一些编码并让比率应用于 chartkick.js - 关于样式更改的教程非常少。

数据正在进入条形图,如下所示;

用于显示的 HTML 设置:

        <div class="col-md-4">
                <%= bar_chart Review.group(:rating).count(:rating), colors: ["blue"],  discrete: true %>
                <p>Sum of each Review</p>
                <%=@review_total_each%>
                <p><%=@review_count%> Total Review count</p>

        </div>

chartkick.js 包含来自 ratyrate 的数据

主要目标是让它看起来像这样;

  • 每个评级数字都有不同的颜色
  • 倒序,5 在顶部
  • 删除底部图例(仅保留左侧)
  • 删除条之间的线
  • 完成需要担心平均值等,只关注条形的颜色变化

预期设计成果

我已经阅读了一些教程,尽管每个评论都需要成为一个独特的数据集,然后你才能完成颜色。(Chartkick 柱形图多种颜色

但仍然没有成功。

任何帮助或指导将不胜感激。(我总是可以用请求更新问题)

4

0 回答 0