This example demonstrates an alternative 3D drawing method that uses shadows.
The standard way to draw a pie chart in 3D is to view the chart from an inclined angle. Using this method, the surface of a 3D pie will become an ellipse.
ChartDirector supports an alternative way to draw a pie chart in 3D - to draw the 3D portion like a shadow. The 3D pie will remain perfectly circular, and the sector areas will correctly reflect its percentages.
The 3D drawing method is configured using
PieChart.set3D.
[Ruby On Rails Version - Controller] app/controllers/shadowpie_controller.rb
require("chartdirector")
class ShadowpieController < ApplicationController
def index()
@title = "3D Shadow Mode"
@ctrl_file = File.expand_path(__FILE__)
@noOfCharts = 4
render :template => "templates/chartview"
end
#
# Render and deliver the chart
#
def getchart()
# the tilt angle of the pie
angle = (params["img"]).to_i * 90 + 45
# The data for the pie chart
data = [25, 18, 15, 12, 8, 30, 35]
# Create a PieChart object of size 100 x 110 pixels
c = ChartDirector::PieChart.new(100, 110)
# Set the center of the pie at (50, 55) and the radius to 36 pixels
c.setPieSize(50, 55, 36)
# Set the depth, tilt angle and 3D mode of the 3D pie (-1 means auto depth, "true"
# means the 3D effect is in shadow mode)
c.set3D(-1, angle, true)
# Add a title showing the shadow angle
c.addTitle(sprintf("Shadow @ %s deg", angle), "arial.ttf", 8)
# Set the pie data
c.setData(data)
# Disable the sector labels by setting the color to Transparent
c.setLabelStyle("", 8, ChartDirector::Transparent)
# output the chart
send_data(c.makeChart2(ChartDirector::PNG), :type => "image/png",
:disposition => "inline")
end
end |
[Ruby On Rails Version - View] app/views/templates/chartview.rhtml
<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> |
[Command Line Version] rubydemo/shadowpie.rb
#!/usr/bin/env ruby
require("chartdirector")
def createChart(img)
# the tilt angle of the pie
angle = img.to_i * 90 + 45
# The data for the pie chart
data = [25, 18, 15, 12, 8, 30, 35]
# Create a PieChart object of size 100 x 110 pixels
c = ChartDirector::PieChart.new(100, 110)
# Set the center of the pie at (50, 55) and the radius to 36 pixels
c.setPieSize(50, 55, 36)
# Set the depth, tilt angle and 3D mode of the 3D pie (-1 means auto depth,
# "true" means the 3D effect is in shadow mode)
c.set3D(-1, angle, true)
# Add a title showing the shadow angle
c.addTitle(sprintf("Shadow @ %s deg", angle), "arial.ttf", 8)
# Set the pie data
c.setData(data)
# Disable the sector labels by setting the color to Transparent
c.setLabelStyle("", 8, ChartDirector::Transparent)
# output the chart
c.makeChart("shadowpie%s.png" % img)
end
createChart("0")
createChart("1")
createChart("2")
createChart("3") |
© 2006 Advanced Software Engineering Limited. All rights reserved.