ленивые высокие чарты, что такое my_id ? в ‹%= high_chart(my_id4, @chart) %›

Я поместил lazy_high_charts в Gemfile, запустил бандл, сделал 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-адресу, где должна отображаться диаграмма.

что такое аргумент «my_id4» в highchart («my_id4», @h)


person qwexar    schedule 17.03.2012    source источник
comment
Я использовал highcharts JavaScript без каких-либо драгоценных камней. Highcharts принимает параметр, который является именем контейнера, в котором будет храниться диаграмма. Я предполагаю, что my_id4 - это имя контейнера. На ваш взгляд, добавьте div с идентификатором my_id4 и посмотрите результаты.   -  person mohamagdy    schedule 17.03.2012
comment
спасибо, мне очень помогло, я понял это только сейчас, кажется, что тег id не нужен, или он нужен только для указания на конкретный div, официальная документация на github неверна, я на рельсах 3.1.4 и для этого он сказал, что тег включения javascript не нужен в макете, но он был включен, и он работал   -  person qwexar    schedule 18.03.2012
comment
Тогда мой ответ помог вам? если да, скажите мне переместить его в ответ на ваш вопрос, чтобы помочь другим, кто проверяет ваш вопрос, получить ответ, и, пожалуйста, примите его после этого =).   -  person mohamagdy    schedule 18.03.2012
comment
лол, да, это было, но не как полный ответ, это заставило меня найти то, что нужно, потому что после вашего комментария я знал, что правильно делаю часть my_id   -  person qwexar    schedule 27.03.2012


Ответы (2)


используйте параметр «my_id», чтобы уменьшить конфликт div с несколькими highchart на одной странице.

person xds2000    schedule 10.07.2012

Для будущих пользователей вам нужно добавить <%= yield %> внутри <body> </body> вашей страницы, и только тогда диаграммы, созданные в вашем контроллере приложения Rails, станут видимыми. Подробнее о доходности.

Из приведенного выше кода <%= high_chart("my_id4", @h) %> my_id4 имеет значение, и это точно так же, как и любой другой идентификатор CSS в вашем CSS-файл. Вы можете увидеть эффект, просто добавив эту небольшую модификацию в свой файл CSS:

    #my_id4 {
        margin-left: 500px 
    }

Вы должны увидеть, как ваша диаграмма заметно переместится в крайний правый угол экрана. В большинстве случаев вы просто хотите, чтобы ваша диаграмма применялась на вашей странице без каких-либо дополнительных модификаций вида, поэтому вы можете не указывать явное создание идентификатора CSS (в данном случае my_id4), и ваша диаграмма все равно будет отображаться.

person faby    schedule 06.04.2014