目次

円グラフ

基本的な使い方

テンプレートファイル

index.html
<!DOCTYPE html>
<img src="<%= Alone.make_uri(action:'graph_sample') %>">

コード

main.rb
require 'alone'
require 'al_graph_pie'
 
class GraphSampleController < AlController
  def action_index()
    AlTemplate.run( 'index.rhtml' )
  end
 
  def action_graph_sample()
    ydata1 = [5, 3, 6, 3, 2, 5, 6]
    labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
 
    graph = AlGraphPie.new
    graph.add_data(ydata1, labels)
 
    graph.draw
  end
end

折れ線グラフ、棒グラフと違い、requireが'al_graph'から'al_graph_pie'に、クラスが AlGraphからAlGraphPie等に変わる点にご注意ください。

サンプル

リリースファイルでサンプルとして提供しているものです。

デフォルト（再掲）

  def action_pie_sample_01
    ydata1 = [5, 3, 6, 3, 2, 5, 6]
    labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
 
    graph = AlGraphPie.new
    graph.add_data(ydata1, labels)
 
    graph.draw
  end

セパレートして強調

  def action_pie_sample_02
    ydata1 = [5, 3, 6, 3, 2, 5, 6]
    labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
 
    graph = AlGraphPie.new
    ds = graph.add_data(ydata1, labels)
    ds[2].separate
 
    graph.draw
  end