我目前正在尝试在Rails中使用chartkick显示一些数据。我已经在图表上有4组数据,其中每个点都包含相同的x数据,即klass_result_set的创建日期。
我现在想添加一个要显示在网格上的任务列表,现在很乐意在图表底部添加点,但如果我尝试添加这些任务,数据点就会停止连接。
有没有办法让它正常工作?我需要连接两个集合的日期并使用null/nil值吗?
图像
http://s9.postimg.org/l4pu1pl67/chartkick_issue.png
代码片段:
<h4>History</h4>
<% sets = @klass.klass_result_sets %>
<% tasks = @klass.project.tasks.where(complete: true) %>
<div class="col-md-6">
<%= line_chart [
{name: "Total Variables", data: sets.map{|s| [s.created_at, s.variables] }},
{name: "Public Variables", data: sets.map{|s| [s.created_at, s.public_variables] }},
{name: "Protected Variables", data: sets.map{|s| [s.created_at, s.protected_variables] }},
{name: "Private Variables", data: sets.map{|s| [s.created_at, s.private_variables] }},
{name: "Tasks", data: tasks.map{|t| [t.completed_at, 0] }}
] %>
</div>
干杯
这实际上只是使用谷歌图表的一个错误。HighCharts似乎能找到
任何有问题的人都可以尝试使用highcharts,或者如果这不起作用,我真的找到了安装highchart rails gem 的答案