使用lazy_high_charts生成气泡图

时间:2013-12-08 16:52:16

标签: javascript ruby-on-rails ruby lazy-high-charts

我对JavaScript,Ruby,Rails和Highcharts都很陌生,但我已经搞得很好,可以使用rails 4和lazy_high_charts gem版本1.5.0来使用line和饼图。我无法弄清楚如何让泡泡图出现。 :(我没有看到我的rails服务器日志中报告的任何错误(我认为这是有道理的,因为问题会显示客户端)。我无法弄清楚是否有客户端日志。任何人都可以指出我的毫无疑问的菜鸟错误?

这是我的控制器代码:

bubble_series = [[1,2,3], [4,5,6]]
@chart = LazyHighCharts::HighChart.new('bubble') do |f|
  f.title(text: 'Bubbles!')            
  f.chart(type: 'bubble', zoomType: 'xy', plotBorderWidth: 1) 
  f.series(
    data: bubble_series,
    marker: {
      fillColor: {
        radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
        stops: [ [0, 'rgba(255,255,255,0.5)'], [1, 'rgba(69,114,167,0.5)'] ]
     }
   }
 )
end

在我看来,它引用为:

<div class="span8">
  <% if @readings.any? %>
    <%= high_chart("chart", @chart) %>
  <% end %>
</div>

谢谢!

[编辑] 卫生署。我弄清楚我做了哪些菜鸟。我没有在生成的页面上包含highcharts-more脚本。一旦我将这一行添加到我的应用程序布局.html.erb文件的部分:

,它就可以工作了
<%= javascript_include_tag "highcharts-more" %>

一旦我被允许(约5个小时),我就会结束我的问题。

2 个答案:

答案 0 :(得分:0)

卫生署。我弄清楚我做了哪些菜鸟。我没有在生成的页面上包含highcharts-more脚本。一旦我将这一行添加到我的应用程序布局.html.erb文件的部分:

,它就可以工作了
<%= javascript_include_tag "highcharts-more" %>

答案 1 :(得分:0)

作为参考,我遇到了同样的问题。图表没有出现,但我在javascript控制台中看到了“未定义的函数”。

我的问题是我使用的旧版本的highcharts不能正确支持气泡图。

如果您正在使用lazy_high_charts&gt; 1.5.1,您可以通过运行以下方式获取最新的highcharts版本:

rake highcharts:update

确保删除旧文件,因为它们位于不同的位置。