In [1]:

    

require 'daru/view'


    

    
Out[1]:





true

In [2]:

    

Daru::View.plotting_library = :highcharts


    

    















    
Out[2]:





:highcharts

In [3]:

    

graph = Daru::View::Plot.new


    

    
Out[3]:





#<Daru::View::Plot:0x0000558908c0ba20 @data=[], @options={}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x0000558908c0b840 @series_data=[{:type=>nil, :name=>nil, :data=>[]}], @options={:title=>{:text=>nil}, :legend=>{:layout=>"vertical", :style=>{}}, :xAxis=>{}, :yAxis=>{:title=>{:text=>nil}, :labels=>{}}, :tooltip=>{:enabled=>true}, :credits=>{:enabled=>false}, :plotOptions=>{:areaspline=>{}}, :chart=>{:defaultSeriesType=>"line", :renderTo=>nil}, :subtitle=>{}}, @html_options={}, @placeholder="shmftuboncp", @user_options={}>>

In [4]:

    

graph.chart.class


    

    
Out[4]:





LazyHighCharts::HighChart

In [5]:

    

graph.chart.to_html


    

    
Out[5]:





"\n<script type='text/javascript'>\n\nvar event = document.createEvent(\"HTMLEvents\");\nevent.initEvent(\"load_highcharts\", false, false);\nwindow.dispatchEvent(event);\nconsole.log(\"Finish loading highchartsjs\");\n\n</script>                <script type=\"text/javascript\">\n        (function() {\n\n          var onload = window.onload;\n          window.onload = function(){\n            if (typeof onload == \"function\") onload();\n                    var options = { \"title\": { \"text\": null },\"legend\": { \"layout\": \"vertical\",\"style\": {  } },\"xAxis\": {  },\"yAxis\": { \"title\": { \"text\": null },\"labels\": {  } },\"tooltip\": { \"enabled\": true },\"credits\": { \"enabled\": false },\"plotOptions\": { \"areaspline\": {  } },\"chart\": { \"defaultSeriesType\": \"line\",\"renderTo\": \"wxsackeyqoz\" },\"subtitle\": {  },\"series\": [{ \"type\": null,\"name\": null,\"data\": [  ] }] };\n        \n        window.chart_wxsackeyqoz = new Highcharts.Chart(options);\n\n          };\n                })()\n        </script>\n\n<div id=\"wxsackeyqoz\"></div>"

In [7]:

    

graph.show_in_iruby


    

    















    
Out[7]:




              

In [8]:

    

g = Daru::View::Plot.new      
graph = g.chart.tap do |f|
        f.series(:name => 'John', :data => [3, 20])
        f.series(:name => 'Jane', :data => [1, 3])
        # without overriding
        f.options[:chart][:defaultSeriesType] = "area"
        f.options[:chart][:inverted] = true
        f.options[:legend][:layout] = "horizontal"
        f.options[:xAxis][:categories] = ["uno", "dos", "tres", "cuatro"]
      end


    

    
Out[8]:





                

In [9]:

    

graph.series_data


    

    
Out[9]:





[{:type=>nil, :name=>nil, :data=>[]}, {:name=>"John", :data=>[3, 20]}, {:name=>"Jane", :data=>[1, 3]}]

In [10]:

    

g.show_in_iruby


    

    















    
Out[10]:




              

In [11]:

    

graph.series_data.delete({type: nil, :name => nil, :data => []})


    

    
Out[11]:





{:type=>nil, :name=>nil, :data=>[]}

In [12]:

    

graph.series_data


    

    
Out[12]:





[{:name=>"John", :data=>[3, 20]}, {:name=>"Jane", :data=>[1, 3]}]

In [13]:

    

graph.options[:xAxis][:categories]


    

    
Out[13]:





["uno", "dos", "tres", "cuatro"]

In [14]:

    

graph.options[:legend][:layout]


    

    
Out[14]:





"horizontal"

In [15]:

    

df =     Daru::DataFrame.new(
      {
        a: [1, 3, 5, 2, 5, 0],
        b: [1, 5, 2, 5, 1, 0],
        c: [1, 6, 7, 2, 6, 0]
      }, index: 'a'..'f'
    )


    

    
Out[15]:




 Daru::DataFrame(6x3) 

  

  
    

      

      
        
a
      
        
b
      
        
c
      
    
  

  

  
    

      
a
      
        
1
      
        
1
      
        
1
      
    
  
    

      
b
      
        
3
      
        
5
      
        
6
      
    
  
    

      
c
      
        
5
      
        
2
      
        
7
      
    
  
    

      
d
      
        
2
      
        
5
      
        
2
      
    
  
    

      
e
      
        
5
      
        
1
      
        
6
      
    
  
    

      
f
      
        
0
      
        
0
      
        
0
      
    
  

  

In [16]:

    

df.class


    

    
Out[16]:





Daru::DataFrame

In [17]:

    

Daru::View::Plot.new(df, type: :bar)


    

    
Out[17]:





#<Daru::View::Plot:0x00005589084827e0 @data=#<Daru::DataFrame(6x3)>
       a   b   c
   a   1   1   1
   b   3   5   6
   c   5   2   7
   d   2   5   2
   e   5   1   6
   f   0   0   0, @options={:type=>:bar}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x0000558908482790 @series_data=[{:type=>:bar, :name=>nil, :data=>[[1, 1, 1], [3, 5, 6], [5, 2, 7], [2, 5, 2], [5, 1, 6], [0, 0, 0]]}], @options={:type=>:bar}, @html_options={}, @placeholder="xchswibnjda", @user_options={}>>

In [18]:

    

df =     Daru::DataFrame.new(
      {
        a: [1, 2, 3, 4, 5, 6],
        b: [1, 5, 2, 5, 1, 0],
        c: [1, 6, 7, 2, 6, 0]
      }, index: 'a'..'f'
    )


    

    
Out[18]:




 Daru::DataFrame(6x3) 

  

  
    

      

      
        
a
      
        
b
      
        
c
      
    
  

  

  
    

      
a
      
        
1
      
        
1
      
        
1
      
    
  
    

      
b
      
        
2
      
        
5
      
        
6
      
    
  
    

      
c
      
        
3
      
        
2
      
        
7
      
    
  
    

      
d
      
        
4
      
        
5
      
        
2
      
    
  
    

      
e
      
        
5
      
        
1
      
        
6
      
    
  
    

      
f
      
        
6
      
        
0
      
        
0
      
    
  

  

In [19]:

    

plt = Daru::View::Plot.new(df, type: :line, x: :a, y: :c)


    

    
Out[19]:





#<Daru::View::Plot:0x0000558909905910 @data=#<Daru::DataFrame(6x3)>
       a   b   c
   a   1   1   1
   b   2   5   6
   c   3   2   7
   d   4   5   2
   e   5   1   6
   f   6   0   0, @options={:type=>:line, :x=>:a, :y=>:c}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x00005589099058c0 @series_data=[{:type=>:line, :name=>nil, :data=>[[1, 1, 1], [2, 5, 6], [3, 2, 7], [4, 5, 2], [5, 1, 6], [6, 0, 0]]}], @options={:type=>:line, :x=>:a, :y=>:c}, @html_options={}, @placeholder="iqgnyadjzpm", @user_options={}>>

In [20]:

    

plt.show_in_iruby


    

    















    
Out[20]:




              

In [21]:

    

plt.div


    

    
Out[21]:





"\n<script type='text/javascript'>\n\nvar event = document.createEvent(\"HTMLEvents\");\nevent.initEvent(\"load_highcharts\", false, false);\nwindow.dispatchEvent(event);\nconsole.log(\"Finish loading highchartsjs\");\n\n</script>                <script type=\"text/javascript\">\n        (function() {\n\n          var onload = window.onload;\n          window.onload = function(){\n            if (typeof onload == \"function\") onload();\n                    var options = { \"type\": \"line\",\"x\": \"a\",\"y\": \"c\",\"chart\": { \"renderTo\": \"cgjodaeikbq\" },\"series\": [{ \"type\": \"line\",\"name\": null,\"data\": [ [ 1,1,1 ],[ 2,5,6 ],[ 3,2,7 ],[ 4,5,2 ],[ 5,1,6 ],[ 6,0,0 ] ] }] };\n        \n        window.chart_cgjodaeikbq = new Highcharts.Chart(options);\n\n          };\n                })()\n        </script>\n\n<div id=\"cgjodaeikbq\"></div>"

In [22]:

    

df.delete_vector :b


    

    
Out[22]:




 Daru::DataFrame(6x2) 

  

  
    

      

      
        
a
      
        
c
      
    
  

  

  
    

      
a
      
        
1
      
        
1
      
    
  
    

      
b
      
        
2
      
        
6
      
    
  
    

      
c
      
        
3
      
        
7
      
    
  
    

      
d
      
        
4
      
        
2
      
    
  
    

      
e
      
        
5
      
        
6
      
    
  
    

      
f
      
        
6
      
        
0
      
    
  

  

In [23]:

    

plt = Daru::View::Plot.new(df, type: :line)


    

    
Out[23]:





#<Daru::View::Plot:0x00005589096f52d8 @data=#<Daru::DataFrame(6x2)>
       a   c
   a   1   1
   b   2   6
   c   3   7
   d   4   2
   e   5   6
   f   6   0, @options={:type=>:line}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x00005589096f5288 @series_data=[{:type=>:line, :name=>nil, :data=>[[1, 1], [2, 6], [3, 7], [4, 2], [5, 6], [6, 0]]}], @options={:type=>:line}, @html_options={}, @placeholder="tdipknwjmah", @user_options={}>>

In [24]:

    

plt.show_in_iruby


    

    















    
Out[24]:




              

In [ ]: