レールからグラフでデータを表示

Question

私はsection1、section2、section3の3つのセクションを持ち、それぞれのセクションに3つのサブセクションがあります。間違っていて間違っていて、それぞれに3つのサブセクションH、M、Lがあります。

{"section1"=>{"correct"=>{"h"=>"2", "m"=>"4", "l"=>"6"}, 
"wrong"=>{"h"=>"7", "m"=>"6", "l"=>"7"}, "blank"=>{"h"=>"5", 
"m"=>"7", "l"=>"9"}}, "section2"=>{"correct"=> 
{"h"=>"3", "m"=>"1", "l"=>"2"}, "wrong"=>{"h"=>"2", "m"=>"2", 
"l"=>"2"}, "blank"=>{"h"=>"4", "m"=>"2", "l"=>"4"}}, "section3"=> 
{"correct"=>{"h"=>"3", "m"=>"2", "l"=>"4"}, "wrong"=>{"h"=>"4", 
"m"=>"4", "l"=>"6"}, "blank"=>{"h"=>"6", "m"=>"7", "l"=>"5"}}} 

iはd3.jsを使用するか、チャートをGoogleのいずれかのグラフで表現について表示したいと私はそれに、誰かがこれを行う方法を提案してくださいすることができますする方法を見当もつかない。ありがとうございます。

Answer 1

Chartkickはハッシュを取ると、GoogleのチャートやHighchartsのいずれかを使用してそれらを表示するためのきちんとした方法を提供します：

https://github.com/ankane/chartkick

上記githubのページ上の例やドキュメントがあります。

Answer 2

フュージョンチャートの上には、レールラッパーがあります。そして、それは を使用するのは簡単であるだけで、新しいオブジェクトを初期化

コントローラ

class DashboardController < ApplicationController 

    def index 

    @chart = Fusioncharts::Chart.new({ 
     width: "600", 
     height: "400", 
     type: "mscolumn2d", 
     renderAt: "chartContainer", 
     dataSource: { 
      chart: { 
      caption: "Comparison of Quarterly Revenue", 
      subCaption: "Harry's SuperMart", 
      xAxisname: "Quarter", 
      yAxisName: "Amount ($)", 
      numberPrefix: "$", 
      theme: "fint", 
      exportEnabled: "1", 
      }, 
      categories: [{ 
        category: [ 
         { label: "Q1" }, 
         { label: "Q2" } 
        ] 
       }], 
       dataset: [ 
        { 
         seriesname: "Previous Year", 
         data: [ 
          { value: "10000" }, 
          { value: "11500" } 
         ] 
        }, 
        { 
         seriesname: "Current Year", 
         data: [ 
          { value: "25400" }, 
          { value: "29800" } 
         ] 
        } 
       ] 
     } 
    }) 

    end 

end 

それ

出力

の見解

<h3>My Chart</h3> 
<div id="chartContainer"><%= @chart.render() %></div> 

フィドル

http://jsfiddle.net/fusioncharts/zKL3F/

GitHubの

https://github.com/fusioncharts/rails-wrapper