Highstocks添加n個系列的圖表在軌道上

Question

我有一個叫做'hack'的模型，可以有很多'連續'。每個「序列」可以有很多「觀察」。 '觀察'是圖表數據（例如日期和值）的位置。我希望能夠創建一個可以包含可變數量連續字符的單一黑客圖表，其中每個連字符都包含「觀察」中圖表的值。

我的黑客控制的「秀」的行動看起來是這樣的：

def show 
    @hack = Hack.find(params[:id]) 
    @obj = {} 
    @hack.serials.each do |s| 
    @obj[:name] = s.series_name 
    data = s.observations.order("id asc").map{|x| [x.hs_date, x.value]}.to_s.gsub('"', '') 
    @obj[:data] = data 
    end 
end 

的show.html.erb文件看起來是這樣的：

<div id="container" style="height: 500px; min-width: 500px"></div> 

<script> 
$(function() { 
    // Create the chart 
    window.chart = new Highcharts.StockChart({ 
    chart : { 
     renderTo : 'container' 
    }, 
    series : 
     <%= raw @obj.to_json %> 
    }); 
}); 
</script> 

當運行該代碼的圖表顯示「無效日期」。我知道數據是正確的，因爲Highstocks在我使用單個數據系列時正確生成圖表。在這種情況下，黑客控制器的顯示操作是：

def show 
    @hack = Hack.find(params[:id]) 
end 

隨着show.html.erb文件：

<div id="container" style="height: 500px; min-width: 500px"></div> 

<script> 
$(function() { 
    // Create the chart 
    window.chart = new Highcharts.StockChart({ 
    chart : { 
     renderTo : 'container' 
    }, 
    series : [{ 
     name: 'first', 
     data: <%= raw @serial.observations.order("id asc").map{|x| [x.hs_date, x.value]}.to_s.gsub('"', '') %> 
      }] 
    }); 
}); 
</script> 

我的問題是如何增加連續數n，其中n =數量連續劇在一個特定的黑客從軌道Highstocks圖？

Answer 1

好了，所以如果我理解這個正確的，希望每個串口顯示爲自己的行在一張圖中。我不知道Ruby on Rails，所以我要在這裏「評論」代碼。

基本概念是，每個序列應該是系列列表中的自己的系列{}。

def show 
    @hack = Hack.find(params[:id]) 
    @objs = [] 
    @hack.serials.each do |s| 
    @obj = {} 
    @obj[:name] = s.series_name 
    data = s.observations.order("id asc").map{|x| [x.hs_date, x.value]}.to_s.gsub('"', '') 
    @obj[:data] = data 
    @objs APPEND THE NEW @obj 
    end 
end 

然後用to_json的eval新@objs陣列的內部：

var d = eval('<%= raw @objs.to_json %>'); 

後，我們會與你必須尋找通過字符串數組做把它們變成JavaScript數組，然後你可以通過「d」作爲系列值。

for (var i=0;i<d.length;i++){ 
    d[i]['data'] = eval(d[i]['data']); 
} 

下面是該概念的JSFiddle。

Answer 2

使用to_json所以它更具可讀性

series: <%= @serials.to_json %> 

在你的控制器

，@serials是

@serials = [] 
@hack.serials.each do |s| 
    s.observations.each do |o| 
    @serials << [o.hs_date, o.value] 
    end 
end