懒惰的高图表轨道，什么是"my_id"？在 <%= high_chart( "my_id4" ， @chart) %>

我把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">

我完全不知所措，当我转到图表应该出现的url时，我什么也看不到

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

使用"my_id"参数来减少多个highchart在一个页面中的div冲突。

对于未来的用户，您需要在页面的<body> </body>中添加<%= yield %>，只有这样，Rails应用程序控制器中制作的图表才能可见。查看更多关于收益率的信息。

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

    #my_id4 {
        margin-left: 500px 
    }

你应该看到你的图表明显地移到了屏幕的最右边。大多数时候，你只想让你的图表应用在你的页面上，而不需要任何额外的视图修改，这样你就可以省略显式生成CSS id（在这种情况下是my_id4），你的图表仍然会显示。

相关内容

最新更新

热门标签：