In [1]:

require 'daru/view'
require 'daru'

Out[1]:

false

In [2]:

Daru::View.plotting_library = :highcharts

Out[2]:

:highcharts

In [3]:

data = [
    ['Firefox',   45.0],
    ['IE',       26.8],
    {
       :name=> 'Chrome',
       :y=> 12.8,
       :sliced=> true,
       :selected=> true
    },
    ['Safari',    8.5],
    ['Opera',     6.2],
    ['Others',   0.7]
]
plt_pie = Daru::View::Plot.new data, type: :pie

Out[3]:

#<Daru::View::Plot:0x0000558a9a8b2188 @data=[["Firefox", 45.0], ["IE", 26.8], {:name=>"Chrome", :y=>12.8, :sliced=>true, :selected=>true}, ["Safari", 8.5], ["Opera", 6.2], ["Others", 0.7]], @options={:type=>:pie}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x0000558a9a8b2048 @series_data=[{:type=>:pie, :name=>nil, :data=>[["Firefox", 45.0], ["IE", 26.8], {:name=>"Chrome", :y=>12.8, :sliced=>true, :selected=>true}, ["Safari", 8.5], ["Opera", 6.2], ["Others", 0.7]]}], @options={:type=>:pie}, @html_options={}, @placeholder="opvtfkymqag", @user_options={}>>

In [4]:

# this is done automatically when `Daru::View.plotting_library = :highcharts` is done.
# Daru::View.load_lib_in_iruby 'Highcharts'

In [5]:

plt_pie.show_in_iruby

Out[5]:

In [6]:

plt_pie.div

Out[6]:

"\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\": \"pie\",\"chart\": { \"renderTo\": \"nizmpslfkhg\" },\"series\": [{ \"type\": \"pie\",\"name\": null,\"data\": [ [ \"Firefox\",45.0 ],[ \"IE\",26.8 ],{ \"name\": \"Chrome\",\"y\": 12.8,\"sliced\": true,\"selected\": true },[ \"Safari\",8.5 ],[ \"Opera\",6.2 ],[ \"Others\",0.7 ] ] }] };\n        \n        window.chart_nizmpslfkhg = new Highcharts.Chart(options);\n\n          };\n                })()\n        </script>\n\n<div id=\"nizmpslfkhg\"></div>"

In [7]:

chart_options = {:defaultSeriesType=>"pie" , :margin=> [50, 200, 60, 170], options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
            depth: 50,
            viewDistance: 25}}
series =  [
            ['Firefox',   45.0],
            ['IE',       26.8],
            {
               :name=> 'Chrome',
               :y=> 12.8,
               :sliced=> true,
               :selected=> true
            },
            ['Safari',    8.5],
            ['Opera',     6.2],
            ['Others',   0.7]
         ]
plot_options = {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            depth: 40,
            dataLabels: {
                enabled: true,
                format: '{point.name}'
            }
        }
}
plt_pie_3d = Daru::View::Plot.new series, type: :pie, name: 'Browser share', chart: chart_options, plotOptions: plot_options

Out[7]:

#<Daru::View::Plot:0x0000558a9b14c910 @data=[["Firefox", 45.0], ["IE", 26.8], {:name=>"Chrome", :y=>12.8, :sliced=>true, :selected=>true}, ["Safari", 8.5], ["Opera", 6.2], ["Others", 0.7]], @options={:type=>:pie, :name=>"Browser share", :chart=>{:defaultSeriesType=>"pie", :margin=>[50, 200, 60, 170], :options3d=>{:enabled=>true, :alpha=>15, :beta=>15, :depth=>50, :viewDistance=>25}}, :plotOptions=>{:pie=>{:allowPointSelect=>true, :cursor=>"pointer", :depth=>40, :dataLabels=>{:enabled=>true, :format=>"{point.name}"}}}}, @user_options={}, @adapter=Daru::View::Adapter::HighchartsAdapter, @chart=#<LazyHighCharts::HighChart:0x0000558a9b14c8c0 @series_data=[{:type=>:pie, :name=>"Browser share", :data=>[["Firefox", 45.0], ["IE", 26.8], {:name=>"Chrome", :y=>12.8, :sliced=>true, :selected=>true}, ["Safari", 8.5], ["Opera", 6.2], ["Others", 0.7]]}], @options={:type=>:pie, :name=>"Browser share", :chart=>{:defaultSeriesType=>"pie", :margin=>[50, 200, 60, 170], :options3d=>{:enabled=>true, :alpha=>15, :beta=>15, :depth=>50, :viewDistance=>25}}, :plotOptions=>{:pie=>{:allowPointSelect=>true, :cursor=>"pointer", :depth=>40, :dataLabels=>{:enabled=>true, :format=>"{point.name}"}}}}, @html_options={}, @placeholder="wzlshobjgym", @user_options={}>>

In [8]:

plt_pie_3d.show_in_iruby

Out[8]:

In [ ]: