Как ввести данные графика в верхние графики с рельсами

Question

Я пытаюсь выяснить, как вводить значения данных в старшие диаграммы. Во-первых, у меня есть домашний объект (@home) , который имеет много энергий (таблица энергии состоит из трех столбцов, а именно, потребления, home_id и потребление_даты).

Вот что у меня есть:

<script type="text/javascript">
var chart;
$(function() {
    new Highcharts.Chart({
        chart: {
            renderTo: "consumption_chart",
        },
            title: {
            text: "Consumption - <%= @home.name %>"
        },
        xAxis: {
            type: 'datetime',
        },
        yAxis: {
            title: {
                text: "Power"
            }
        },
        series: [{
            data: <%= @data_set %>
        }]
    });
});
</script>

Для части данных я получаю все значения, подобные этому

@data_set = @home.energies.collect{|e| e.consumption_date.utc}.zip(@home.energies.collect{|g| g.consumption})

Возвращает вложенный набор массивов, подобный этому:

[[2012-03-02 09:06:00 UTC, 1200], [2012-04-30 00:00:00 UTC, 1145], [2012-04-30 00:00:00 UTC, 1158], [2012-05-31 00:00:00 UTC, 1145]]

Каждый вложенный массив имеет форму [потребление_дата, потребление]. Однако это не работает (диаграмма не отображает никаких данных), пожалуйста, кто-то может указать на мои ошибки и сказать, что я делаю неправильно. спасибо

Answer 1

Не могли бы вы попробовать использовать драгоценный камень с отложенным графиком? Это легко и сэкономит ваше время при этом.

https://github.com/michelson/lazy_high_charts

например. В контроллере

@h = LazyHighCharts::HighChart.new('graph') do |f|
f.options[:chart][:defaultSeriesType] = "area"
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

В поле зрения,

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