0
@@ -1,32 +1,346 @@
0
 class ChartsOfc2Controller < ApplicationController
0
   def line
0
-    line = OFC2::Line.new
0
-    line.set_values [9,8,7,6,5,4,3,2,1]
0
-    line.dot_size= 10
0
-    line.halo_size= 20
0
-    line.font_size= 30
0
+    title = OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
+    line_dot = OFC2::Line.new
0
+    line_dot.values= [9,8,7,6,5,4,3,2,1]
0
+    chart = OFC2::Graph.new
0
+    chart.title= title
0
+    chart << line_dot
0
+    render :text => chart.render
0
+  end
0
+  def line_dot
0
+    data_1 = []
0
+    data_2 = []
0
+    data_3 = []
0
+    x = 0
0
+    y = 6.2
0
+    while x<y
0
+      data_1 << Math.sin(x) * 1.9 + 7
0
+      data_2 << Math.sin(x) * 1.9 + 10
0
+      data_3 << Math.sin(x) * 1.9 + 4
0
+      x+=0.2
0
+    end
0
+    
0
+    title = OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
+    
0
+    line_1 = OFC2::LineDot.new
0
+    line_1.values= data_1
0
+    line_1.halo_size= 0
0
+    line_1.width= 2
0
+    line_1.dot_size= 4
0
+    
0
+    line_2 = OFC2::LineDot.new
0
+    line_2.values= data_2
0
+    line_2.halo_size= 1
0
+    line_2.width= 1
0
+    line_2.dot_size= 4
0
     
0
+    line_3 = OFC2::LineDot.new
0
+    line_3.values= data_3
0
+    line_3.halo_size= 1
0
+    line_3.width= 6
0
+    line_3.dot_size= 4
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range(0, 15, 5)
0
+     
0
     chart = OFC2::Graph.new
0
+    chart.title= title
0
+    chart << line_1
0
+    chart << line_2
0
+    chart << line_3
0
+    chart.y_axis= y
0
+    
0
+    render :text => chart.render
0
+  end
0
+  def line_hollow
0
+    data_1 = []
0
+    data_2 = []
0
+    data_3 = []
0
+    x = 0
0
+    y = 6.2
0
+    while x<y
0
+      data_1 << Math.sin(x) * 1.9 + 7
0
+      data_2 << Math.sin(x) * 1.9 + 10
0
+      data_3 << Math.sin(x) * 1.9 + 4
0
+      x+=0.2
0
+    end
0
     
0
-    title = OFC2::Title.new( "Title", "{font-size: 20px; color: #FF0F0F; text-align: left;}" )
0
+    title = OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
     
0
-    chart.title= title #like   " chart.set_title title " but more ruby
0
-    chart.add_element(line)
0
+    line_1 = OFC2::LineHollow.new
0
+    line_1.values= data_1
0
+    line_1.halo_size= 0
0
+    line_1.width= 2
0
+    line_1.dot_size= 4
0
+    
0
+    line_2 = OFC2::LineHollow.new
0
+    line_2.values= data_2
0
+    line_2.halo_size= 1
0
+    line_2.width= 1
0
+    line_2.dot_size= 4
0
+    
0
+    line_3 = OFC2::LineHollow.new
0
+    line_3.values= data_3
0
+    line_3.halo_size= 1
0
+    line_3.width= 6
0
+    line_3.dot_size= 4
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range(0, 15, 5)
0
+     
0
+    chart = OFC2::Graph.new
0
+    chart.title= title
0
+    chart << line_1
0
+    chart << line_2
0
+    chart << line_3
0
+    chart.y_axis= y
0
     
0
-    x = OFC2::XAxis.new
0
-    x.set_colour '#FF00BB'
0
-    x.set_grid_colour '#0f0f0f'
0
-    x.set_labels ['a','b','c','d','e','f','g','h','i']
0
-    chart.set_x_axis x
0
-  
0
     render :text => chart.render
0
-
0
   end
0
+  def many_lines
0
 
0
+    data_1 = []
0
+    data_2 = []
0
+    data_3 = []
0
+    0.upto(9) do |i|
0
+      data_1 << 1 + rand(6) 
0
+      data_2 << 7 + rand(6)
0
+      data_3 << 14 + rand(6)
0
+    end
0
+  
0
+    
0
+    line_1 = OFC2::LineDot.new
0
+    line_1.values= data_1
0
+    line_1.width= 4
0
+    line_1.colour= '#DFC329'
0
+    line_1.dot_size= 4
0
+    
0
+    line_2 = OFC2::LineHollow.new
0
+    line_2.values= data_2
0
+    line_2.width= 1
0
+    line_2.colour= '#6363AC'
0
+    line_2.dot_size= 5
0
+    
0
+    line_3 = OFC2::Line.new
0
+    line_3.values= data_3
0
+    line_3.colour= '#5E4725'
0
+    line_3.width= 1
0
+    line_3.dot_size= 5
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range(0, 20, 5)
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.y_axis= y
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
+    chart << line_1
0
+    chart << line_2
0
+    chart << line_3
0
+    
0
+    render :text => chart.render
0
+  end
0
   def bar
0
+    title = OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
+    bar = OFC2::Bar.new
0
+    bar.values= [9,8,7,6,5,4,3,2,1]
0
+    chart = OFC2::Graph.new
0
+    chart.title= title
0
+    chart << bar
0
+    render :text => chart.render
0
+  end
0
+  def glass_bar
0
+    title = OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'), "{font-size: 14px; color: #b50F0F; text-align: center;}")
0
+    bar = OFC2::BarGlass.new
0
+    #    data = []
0
+    #    9.downto(0) do |i|
0
+    #      data << OFC2::Value.new(i,'#00FF00',"main tip #{i}<br>extra tip")
0
+    #    end
0
+    #    bar.values= data
0
+    bar.values= [9,8,7,6,5,4,3,2,1]
0
+    chart = OFC2::Graph.new
0
+    chart.title= title
0
+    chart << bar
0
+    render :text => chart.render
0
   end
0
 
0
   def bar_3d
0
+    data = []
0
+    0.upto(9) do |i|
0
+      data << 2 + rand(9)
0
+    end
0
+    
0
+    bar = OFC2::Bar3d.new
0
+    bar.values= data
0
+    bar.colour= '#D54C78'
0
+    
0
+    x = OFC2::XAxis.new
0
+    x.set_3d 5
0
+    #    x.offset= true
0
+    x.colour= '#909090'
0
+    x.labels_from_array= %w(1 2 3 4 5 6 7 8 9 10)
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range(0, 12, 3)
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << bar
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    render :text => chart.render
0
+  end
0
+  def sketch_bar
0
+    data = []
0
+    0.upto(9) do |i|
0
+      data << 2 + rand(9)
0
+    end
0
+    
0
+    bar = OFC2::BarSketch.new
0
+    bar.values= data
0
+    bar.colour= '#D54C78'
0
+    
0
+    x = OFC2::XAxis.new
0
+    x.labels_from_array= %w(1 2 3 4 5 6 7 8 9 10)
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range(0, 12, 3)
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << bar
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    render :text => chart.render
0
+  end
0
+  def horizontal_bar
0
+    data = []
0
+    0.upto(2) do |i|
0
+      data << OFC2::HBarValue.new(2 + rand(9), 5 + rand(9))
0
+    end
0
+    
0
+    bar = OFC2::HBar.new
0
+    bar.values= data
0
+    bar.colour= '#00FF00'
0
+    
0
+    x = OFC2::XAxis.new
0
+    x.labels_from_array= ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_offset true
0
+    y.set_labels ["Make garden look sexy","Paint house","Move into house"]
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << bar
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    render :text => chart.render
0
+  end
0
+  def stacked_bar
0
+    
0
+    bar = OFC2::BarStack.new
0
+    bar << [2.5, 5]
0
+    bar << [7.5]
0
+    bar << [5, OFC2::BarStackValue.new(4, '#ff0000')]
0
+    bar << [2, 2, 2, 2, OFC2::BarStackValue.new(2, '#ff00ff')]
0
+    bar.colour= '#00FF00'
0
+    
0
+    x = OFC2::XAxis.new
0
+    x.set_labels_from_array ['a', 'b', 'c', 'd']
0
+    
0
+    y = OFC2::YAxis.new
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << bar
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    render :text => chart.render
0
+  end
0
+  
0
+  def area
0
+    data_1 = []
0
+    x = 0
0
+    y = 6.2
0
+    while x<y
0
+      data_1 << Math.sin(x) * 1.9
0
+      x+=0.2
0
+    end
0
+    area = OFC2::AreaHollow.new(0.35, data_1)
0
+    area.width= 1 
0
+
0
+    x = OFC2::XAxis.new
0
+    x.steps= 2
0
+    x_labels = OFC2::XAxisLabels.new
0
+    x_labels.steps= 4
0
+    x_labels.set_vertical
0
+    x.set_labels x_labels
0
+    
0
+    y = OFC2::YAxis.new
0
+    y.set_range( -2, 2, 2 )
0
+    y.labels= nil
0
+    y.set_offset false
0
+    
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    chart << area
0
+    render :text => chart.render
0
+  end
0
+  def pie
0
+    data_1 = [
0
+      OFC2::PieValue.new(25, 'Safari'),
0
+      OFC2::PieValue.new(30, 'Opera'),
0
+      OFC2::PieValue.new(35, 'Mozilla'),
0
+      OFC2::PieValue.new(10, 'IE')
0
+    ]
0
+
0
+    pie = OFC2::Pie.new
0
+    pie.start_angle= 35
0
+    #    pie.animate= true
0
+    pie.values= data_1
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << pie
0
+    
0
+    render :text => chart.render
0
+  end
0
+  def scatter
0
+    data_1 = [ OFC2::ScatterValue.new(0, 0) ]
0
+    data_2 = []
0
+    x = 0
0
+    y = 360
0
+    while x<y
0
+      data_2 << OFC2::ScatterValue.new("%6.2f" % Math.sin(x/Math::RAD2DEG), "%6.2f" % Math.cos(x/Math::RAD2DEG))
0
+      x+=5
0
+    end
0
+    
0
+    
0
+    scatter = OFC2::Scatter.new('#FFD600', 10)
0
+    scatter.values= data_1
0
+    
0
+    circle = OFC2::Scatter.new( '#D600FF', 3)
0
+    circle.values= data_2
0
+    
0
+    
0
+    x = OFC2::XAxis.new
0
+    x.set_range( -2, 2 )
0
+
0
+    y = OFC2::YAxis.new
0
+    y.set_range( -2, 2 )
0
+    
0
+    chart = OFC2::Graph.new
0
+    chart.title= OFC2::Title.new( DateTime.now.strftime('%Y-%m-%d %H:%M'))
0
+    chart << scatter
0
+    chart << circle
0
+    chart.x_axis= x
0
+    chart.y_axis= y
0
+    
0
+    render :text => chart.render
0
   end
0
 
0
 end

0
@@ -1,7 +1,3 @@
0
 class WelcomeController < ApplicationController
0
   layout('main')
0
-  def index
0
-    @graph_line = ofc2(600,300, 'charts_ofc2/line')
0
-  end
0
-
0
 end

0
@@ -7,5 +7,7 @@
0
     = javascript_include_tag :defaults
0
     = javascript_include_tag 'swfobject.js'
0
   %body
0
-    %content
0
-      = yield
0
+    #site
0
+      =render :partial => 'share/main_menu'
0
+      #content
0
+        = yield

0
@@ -1 +1,2 @@
0
-= @graph_line
0
+%span
0
+  Welcome, this is the Open Flash Chart 2 rails plugin project.

0
@@ -0,0 +1,122 @@
0
+body {
0
+  text-align: center;
0
+  padding: 0px;
0
+  margin: 0px;
0
+  font-size: 18px; }
0
+
0
+#link {
0
+  width: 100px;
0
+  min-height: 20px;
0
+  border-bottom-style: solid;
0
+  border-width: 1px;
0
+  border-color: blue;
0
+  margin: 5px;
0
+  padding: 5px;
0
+  font-weight: bold;
0
+  color: #000; }
0
+  #link a {
0
+    color: #999; }
0
+  #link a:hover {
0
+    color: #000; }
0
+
0
+#link_main {
0
+  float: right;
0
+  min-height: 20px;
0
+  border-bottom-style: solid;
0
+  border-width: 1px;
0
+  border-color: blue;
0
+  margin: 5px;
0
+  padding: 5px;
0
+  font-weight: bold;
0
+  color: #000; }
0
+  #link_main a {
0
+    color: #999; }
0
+  #link_main a:hover {
0
+    color: #000; }
0
+
0
+#site {
0
+  padding: 5px;
0
+  margin: 0px auto;
0
+  width: 1000px;
0
+  height: 100%;
0
+  color: blue;
0
+  text-align: left; }
0
+  #site #top_menu {
0
+    float: right;
0
+    margin: 0px;
0
+    padding: 5px;
0
+    width: 990px;
0
+    height: 30px;
0
+    float: left;
0
+    border-bottom-style: solid;
0
+    border-width: 2px;
0
+    corder-color: blue; }
0
+  #site #left_menu {
0
+    margin: 2px;
0
+    padding: 0px;
0
+    height: 100%;
0
+    width: 100px;
0
+    float: left;
0
+    text-align: left; }
0
+  #site #content {
0
+    margin: 2px;
0
+    padding: 20px;
0
+    height: 100%;
0
+    width: 850px;
0
+    float: left;
0
+    color: #000; }
0
+
0
+#info_link {
0
+  width: 100%;
0
+  float: left;
0
+  margin: 5px;
0
+  padding: 5px;
0
+  min-height: 20px; }
0
+
0
+#info_description {
0
+  width: 100%;
0
+  float: left;
0
+  margin: 5px 0px 5px 5px;
0
+  padding: 0px 5px 5px 30px;
0
+  min-height: 20px; }
0
+
0
+#code {
0
+  background-color: black;
0
+  overflow: auto;
0
+  min-height: 60px;
0
+  min-weidth: 200px;
0
+  font-size: 18px;
0
+  margin: 5px;
0
+  padding: 5px; }
0
+  #code #comment {
0
+    color: white;
0
+    padding: 0px 0px 0px 5px; }
0
+  #code #command {
0
+    color: #f8ffaa;
0
+    padding: 0px 0px 0px 25px; }
0
+
0
+#note {
0
+  background-color: white;
0
+  color: blue;
0
+  overflow: auto;
0
+  min-height: 30px;
0
+  min-weidth: 200px;
0
+  font-size: 18px;
0
+  margin: 5px;
0
+  padding: 5px;
0
+  border-style: solid;
0
+  border-width: 2px;
0
+  border-color: blue; }
0
+
0
+#error {
0
+  background-color: white;
0
+  color: red;
0
+  overflow: auto;
0
+  min-height: 30px;
0
+  min-weidth: 200px;
0
+  font-size: 18px;
0
+  margin: 5px;
0
+  padding: 5px;
0
+  border-style: solid;
0
+  border-width: 2px;
0
+  border-color: red; }

0
@@ -0,0 +1,115 @@
0
+body
0
+  :text-align center
0
+  :padding 0px
0
+  :margin 0px
0
+  :font-size 18px
0
+#link
0
+  :width 100px
0
+  :min-height 20px
0
+  :border-bottom-style solid
0
+  :border-width 1px
0
+  :border-color blue
0
+  :margin 5px
0
+  :padding 5px
0
+  :font-weight bold
0
+  :color #000
0
+  a
0
+    :color #999
0
+  a:hover
0
+    :color #000
0
+#link_main
0
+  :float right
0
+  :min-height 20px
0
+  :border-bottom-style solid
0
+  :border-width 1px
0
+  :border-color blue
0
+  :margin 5px
0
+  :padding 5px
0
+  :font-weight bold
0
+  :color #000
0
+  a
0
+    :color #999
0
+  a:hover
0
+    :color #000
0
+#site
0
+  :padding 5px
0
+  :margin 0px auto
0
+  :width 1000px
0
+  :height 100%
0
+  :color blue
0
+  :text-align left
0
+  #top_menu
0
+    :float right
0
+    :margin 0px
0
+    :padding 5px  
0
+    :width 990px
0
+    :height 30px
0
+    :float left
0
+    :border-bottom-style solid
0
+    :border-width 2px
0
+    :corder-color blue
0
+  #left_menu
0
+    :margin 2px
0
+    :padding 0px
0
+    :height 100%
0
+    :width 100px
0
+    :float left
0
+    :text-align left
0
+  #content
0
+    :margin 2px
0
+    :padding 20px
0
+    :height 100%
0
+    :width 850px
0
+    :float left
0
+    :color #000
0
+#info_link
0
+  :width 100%
0
+  :float left
0
+  :margin 5px
0
+  :padding 5px
0
+  :min-height 20px
0
+#info_description
0
+  :width 100%
0
+  :float left
0
+  :margin 5px 0px 5px 5px
0
+  :padding 0px 5px 5px 30px
0
+  :min-height 20px
0
+#code
0
+  :background-color black
0
+  :overflow auto
0
+  :min-height 60px
0
+  :min-weidth 200px
0
+  :font-size 18px
0
+  :margin 5px
0
+  :padding 5px
0
+  #comment
0
+    :color white
0
+    :padding 0px 0px 0px 5px
0
+  #command
0
+    :color #f8ffaa
0
+    :padding 0px 0px 0px 25px
0
+#note
0
+  :background-color white
0
+  :color blue
0
+  :overflow auto
0
+  :min-height 30px
0
+  :min-weidth 200px
0
+  :font-size 18px
0
+  :margin 5px
0
+  :padding 5px
0
+  :border-style solid
0
+  :border-width 2px
0
+  :border-color blue
0
+#error
0
+  :background-color white
0
+  :color red
0
+  :overflow auto
0
+  :min-height 30px
0
+  :min-weidth 200px
0
+  :font-size 18px
0
+  :margin 5px
0
+  :padding 5px
0
+  :border-style solid
0
+  :border-width 2px
0
+  :border-color red
0
+