Question

我把lazy_high_charts放在Gemfile中，运行bundle，做了rails g lazy_high_charts：install

所以完成了所有必要的工作，这就是我的控制器的样子

    class UsersController < ApplicationController

        def show
                @user = User.find(:last)


                @h = LazyHighCharts::HighChart.new('graph') do |f|
                        f.series(:name=>'John', :data=>[3, 20, 3, 5, 4, 10, 12 ,3, 5,6,7,7,80,9,9])
                        f.series(:name=>'Jane', :data=> [1, 3, 4, 3, 3, 5, 4,-46,7,8,8,9,9,0,0,9] )
                end

        end



end

这就是我的观点的样子

<%= high_chart("my_id4", @h) %>

这就是我的布局看起来像

    <title>Dashboard</title>
  <%= stylesheet_link_tag :all %>
  <%= javascript_include_tag :defaults %>
  <%= javascript_include_tag 'highcharts' %>
  <!--[if IE]> <%= javascript_include_tag 'excanvas.compiled' %> <![endif]-->
  <%= csrf_meta_tag %>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

我完全失去了，当我去图表应该出现的网址时，我什么都看不到

highchart中的“my_id4”参数是什么（“my_id4”，@ h）

Answer 1

使用“my_id”参数在一个页面中减少多个高保真的div冲突。

Answer 2

对于将来的用户，您需要在页面的<%= yield %>内添加<body> </body>，然后才能显示在Rails应用控制器中制作的图表。 See more on yield.

从上面的代码<%= high_chart("my_id4", @h) %> my_id4是相关的，它就像你的CSS文件中的任何其他CSS id一样。您可以通过简单地将这个稍微修改添加到CSS文件中来查看其效果：

    #my_id4 {
        margin-left: 500px 
    }

您应该会看到您的图表明显移动到屏幕的最右侧。大多数情况下，您只是希望您的图表在您的页面上应用而不需要任何额外的视图修改，因此您可以省略显式创建CSS ID（在本例中为my_id4），您的图表仍将显示。

懒惰的高图表轨道，什么是“my_id”？ in＆lt;％= high_chart（“my_id4”，@ chart）％＆gt;

2 个答案: