0

我对 JavaScript、Ruby、Rails 和 Highcharts 还很陌生,但我已经应付得很好,可以使用 rails 4 和lazy_high_charts gem 1.5.0 版获得折线图和饼图。我不知道如何让气泡图出现。:( 我在我的 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 小时内),我将结束我的问题。

4

2 回答 2

0

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

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

如果你使用lazy_high_charts > 1.5.1,你可以通过运行获得最新的highcharts版本:

rake highcharts:update

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

于 2014-02-14T03:45:19.997 回答
0

多哈。我弄清楚我做了什么菜鸟的事情。我未能在生成的页面上包含 highcharts-more 脚本。一旦我将此行添加到我的应用程序布局 .html.erb 文件的部分,它就起作用了:

<%= javascript_include_tag "highcharts-more" %>
于 2013-12-09T22:21:23.470 回答