ChartDirector 6.0 (Ruby Edition)

Multi-Depth Pie Chart




This example demonstrates a 3D pie chart where sectors have different 3D heights.

Instead of using PieChart.set3D to set a single 3D depth for all sectors, in this example, PieChart.set3D2 is used to set different depths for the sectors with an array of integers.

Source Code Listing

[Ruby On Rails Version - Controller] app/controllers/multidepthpie_controller.rb
require("chartdirector")

class MultidepthpieController < ApplicationController

    def index()
        @title = "Multi-Depth Pie Chart"
        @ctrl_file = File.expand_path(__FILE__)
        @noOfCharts = 1
        render :template => "templates/chartview"
    end

    #
    # Render and deliver the chart
    #
    def getchart()
        # The data for the pie chart
        data = [72, 18, 15, 12]

        # The labels for the pie chart
        labels = ["Labor", "Machinery", "Facilities", "Computers"]

        # The depths for the sectors
        depths = [30, 20, 10, 10]

        # Create a PieChart object of size 360 x 300 pixels, with a light blue (DDDDFF) background
        # and a 1 pixel 3D border
        c = ChartDirector::PieChart.new(360, 300, 0xddddff, -1, 1)

        # Set the center of the pie at (180, 175) and the radius to 100 pixels
        c.setPieSize(180, 175, 100)

        # Add a title box using 15pt Times Bold Italic font and blue (AAAAFF) as background color
        c.addTitle("Project Cost Breakdown", "timesbi.ttf", 15).setBackground(0xaaaaff)

        # Set the pie data and the pie labels
        c.setData(data, labels)

        # Draw the pie in 3D with variable 3D depths
        c.set3D2(depths)

        # Set the start angle to 225 degrees may improve layout when the depths of the sector are
        # sorted in descending order, because it ensures the tallest sector is at the back.
        c.setStartAngle(225)

        # 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.html.erb
<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/multidepthpie.rb
#!/usr/bin/env ruby
require("chartdirector")

# The data for the pie chart
data = [72, 18, 15, 12]

# The labels for the pie chart
labels = ["Labor", "Machinery", "Facilities", "Computers"]

# The depths for the sectors
depths = [30, 20, 10, 10]

# Create a PieChart object of size 360 x 300 pixels, with a light blue (DDDDFF) background and a 1
# pixel 3D border
c = ChartDirector::PieChart.new(360, 300, 0xddddff, -1, 1)

# Set the center of the pie at (180, 175) and the radius to 100 pixels
c.setPieSize(180, 175, 100)

# Add a title box using 15pt Times Bold Italic font and blue (AAAAFF) as background color
c.addTitle("Project Cost Breakdown", "timesbi.ttf", 15).setBackground(0xaaaaff)

# Set the pie data and the pie labels
c.setData(data, labels)

# Draw the pie in 3D with variable 3D depths
c.set3D2(depths)

# Set the start angle to 225 degrees may improve layout when the depths of the sector are sorted in
# descending order, because it ensures the tallest sector is at the back.
c.setStartAngle(225)

# Output the chart
c.makeChart("multidepthpie.png")