ChartDirector 6.0 (Ruby Edition)
Angular Meter Pointers (1)
Source Code Listing
require("chartdirector") class AngularpointerController < ApplicationController def index() @title = "Angular Meter Pointers (1)" @ctrl_file = File.expand_path(__FILE__) @noOfCharts = 1 render :template => "templates/chartview" end # # Render and deliver the chart # def getchart() # Create an AngularMeter object of size 300 x 300 pixels with transparent background m = ChartDirector::AngularMeter.new(300, 300, ChartDirector::Transparent) # Set the default text and line colors to white (0xffffff) m.setColor(ChartDirector::TextColor, 0xffffff) m.setColor(ChartDirector::LineColor, 0xffffff) # Center at (150, 150), scale radius = 128 pixels, scale angle 0 to 360 degrees m.setMeter(150, 150, 128, 0, 360) # Add a black (0x000000) circle with radius 148 pixels as background m.addRing(0, 148, 0x000000) # Add a ring between radii 139 and 147 pixels using the silver color with a light grey # (0xcccccc) edge as border m.addRing(139, 147, ChartDirector::silverColor(), 0xcccccc) # Meter scale is 0 - 100, with major/minor/micro ticks every 10/5/1 units m.setScale(0, 100, 10, 5, 1) # Set the scale label style to 16pt Arial Italic. Set the major/minor/micro tick lengths to # 13/10/7 pixels pointing inwards, and their widths to 2/1/1 pixels. m.setLabelStyle("ariali.ttf", 16) m.setTickLength(-13, -10, -7) m.setLineWidth(0, 2, 1, 1) # Add a semi-transparent blue (0x7f6666ff) pointer using the default shape m.addPointer(25, 0x7f6666ff, 0x6666ff) # Add a semi-transparent red (0x7fff6666) pointer using the arrow shape m.addPointer(9, 0x7fff6666, 0xff6666).setShape(ChartDirector::ArrowPointer2) # Add a semi-transparent yellow (0x7fffff66) pointer using another arrow shape m.addPointer(51, 0x7fffff66, 0xffff66).setShape(ChartDirector::ArrowPointer) # Add a semi-transparent green (0x7f66ff66) pointer using the line shape m.addPointer(72, 0x7f66ff66, 0x66ff66).setShape(ChartDirector::LinePointer) # Add a semi-transparent grey (0x7fcccccc) pointer using the pencil shape m.addPointer(85, 0x7fcccccc, 0xcccccc).setShape(ChartDirector::PencilPointer) # Output the chart send_data(m.makeChart2(ChartDirector::PNG), :type => "image/png", :disposition => "inline") end end |
<html> <body style="margin:5px 0px 0px 5px"> <!-- Title --> <div style="font-size:18pt; font-family:verdana; font-weight:bold"> <%= @title %> </div> <hr style="border:solid 1px #000080" /> <!-- Source Code Listing Link --> <div style="font-size:9pt; font-family:verdana; margin-bottom:1.5em"> <%= link_to "Source Code Listing", :controller => "cddemo", :action => "viewsource", :ctrl_file => @ctrl_file, :view_file => File.expand_path(__FILE__) %> </div> <!-- Create one or more IMG tags to display the demo chart(s) --> <% 0.upto(@noOfCharts - 1) do |i| %> <img src="<%= url_for(:action => "getchart", :img => i) %>"> <% end %> </body> </html> |
#!/usr/bin/env ruby require("chartdirector") # Create an AngularMeter object of size 300 x 300 pixels with transparent background m = ChartDirector::AngularMeter.new(300, 300, ChartDirector::Transparent) # Set the default text and line colors to white (0xffffff) m.setColor(ChartDirector::TextColor, 0xffffff) m.setColor(ChartDirector::LineColor, 0xffffff) # Center at (150, 150), scale radius = 128 pixels, scale angle 0 to 360 degrees m.setMeter(150, 150, 128, 0, 360) # Add a black (0x000000) circle with radius 148 pixels as background m.addRing(0, 148, 0x000000) # Add a ring between radii 139 and 147 pixels using the silver color with a light grey (0xcccccc) # edge as border m.addRing(139, 147, ChartDirector::silverColor(), 0xcccccc) # Meter scale is 0 - 100, with major/minor/micro ticks every 10/5/1 units m.setScale(0, 100, 10, 5, 1) # Set the scale label style to 16pt Arial Italic. Set the major/minor/micro tick lengths to 13/10/7 # pixels pointing inwards, and their widths to 2/1/1 pixels. m.setLabelStyle("ariali.ttf", 16) m.setTickLength(-13, -10, -7) m.setLineWidth(0, 2, 1, 1) # Add a semi-transparent blue (0x7f6666ff) pointer using the default shape m.addPointer(25, 0x7f6666ff, 0x6666ff) # Add a semi-transparent red (0x7fff6666) pointer using the arrow shape m.addPointer(9, 0x7fff6666, 0xff6666).setShape(ChartDirector::ArrowPointer2) # Add a semi-transparent yellow (0x7fffff66) pointer using another arrow shape m.addPointer(51, 0x7fffff66, 0xffff66).setShape(ChartDirector::ArrowPointer) # Add a semi-transparent green (0x7f66ff66) pointer using the line shape m.addPointer(72, 0x7f66ff66, 0x66ff66).setShape(ChartDirector::LinePointer) # Add a semi-transparent grey (0x7fcccccc) pointer using the pencil shape m.addPointer(85, 0x7fcccccc, 0xcccccc).setShape(ChartDirector::PencilPointer) # Output the chart m.makeChart("angularpointer.png") |