ChartDirector Ver 4.1 (Ruby Edition)

Coloring and Wallpaper


      

This example demonstrates different coloring schemes and background effects.

This example demonstrates how to modify the coloring scheme using BaseChart.setColor, BaseChart.setColors and BaseChart.setColors2, and apply a background image to the chart using BaseChart.setWallpaper.

Source Code Listing

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

class ColorpieController < ApplicationController

    def index()
        @title = "Coloring and Wallpaper"
        @ctrl_file = File.expand_path(__FILE__)
        @noOfCharts = 4
        render :template => "templates/chartview"
    end

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

        # The labels for the pie chart
        labels = ["Labor", "Licenses", "Taxes", "Legal", "Insurance", "Facilities",
            "Production"]

        # Colors of the sectors if custom coloring is used
        colors = [0xb8bc9c, 0xecf0b9, 0x999966, 0x333366, 0xc3c3e6, 0x594330, 0xa0bdc4]

        # Create a PieChart object of size 280 x 240 pixels
        c = ChartDirector::PieChart.new(280, 240)

        # Set the center of the pie at (140, 120) and the radius to 80 pixels
        c.setPieSize(140, 120, 80)

        # Draw the pie in 3D
        c.set3D()

        # Set the coloring schema
        if params["img"] == "0"
            c.addTitle("Custom Colors")
            # set the LineColor to light gray
            c.setColor(ChartDirector::LineColor, 0xc0c0c0)
            # use given color array as the data colors (sector colors)
            c.setColors2(ChartDirector::DataColor, colors)
        elsif params["img"] == "1"
            c.addTitle("Dark Background Colors")
            # use the standard white on black palette
            c.setColors(ChartDirector::whiteOnBlackPalette)
        elsif params["img"] == "2"
            c.addTitle("Wallpaper As Background")
            c.setWallpaper(File.dirname(__FILE__) + "/bg.png")
        else
            c.addTitle("Transparent Colors")
            c.setWallpaper(File.dirname(__FILE__) + "/bg.png")
            # use semi-transparent colors to allow the background to be seen
            c.setColors(ChartDirector::transparentPalette)
        end

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

        # Explode the 1st sector (index = 0)
        c.setExplode(0)

        # output the chart
        send_data(c.makeChart2(ChartDirector::GIF), :type => "image/gif",
            :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/colorpie.rb
#!/usr/bin/env ruby
require("chartdirector")

def createChart(img)

    # The data for the pie chart
    data = [25, 18, 15, 12, 8, 30, 35]

    # The labels for the pie chart
    labels = ["Labor", "Licenses", "Taxes", "Legal", "Insurance", "Facilities",
        "Production"]

    # Colors of the sectors if custom coloring is used
    colors = [0xb8bc9c, 0xecf0b9, 0x999966, 0x333366, 0xc3c3e6, 0x594330, 0xa0bdc4]

    # Create a PieChart object of size 280 x 240 pixels
    c = ChartDirector::PieChart.new(280, 240)

    # Set the center of the pie at (140, 120) and the radius to 80 pixels
    c.setPieSize(140, 120, 80)

    # Draw the pie in 3D
    c.set3D()

    # Set the coloring schema
    if img == "0"
        c.addTitle("Custom Colors")
        # set the LineColor to light gray
        c.setColor(ChartDirector::LineColor, 0xc0c0c0)
        # use given color array as the data colors (sector colors)
        c.setColors2(ChartDirector::DataColor, colors)
    elsif img == "1"
        c.addTitle("Dark Background Colors")
        # use the standard white on black palette
        c.setColors(ChartDirector::whiteOnBlackPalette)
    elsif img == "2"
        c.addTitle("Wallpaper As Background")
        c.setWallpaper("bg.png")
    else
        c.addTitle("Transparent Colors")
        c.setWallpaper("bg.png")
        # use semi-transparent colors to allow the background to be seen
        c.setColors(ChartDirector::transparentPalette)
    end

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

    # Explode the 1st sector (index = 0)
    c.setExplode(0)

    # output the chart
    c.makeChart("colorpie%s.gif" % img)
end

createChart("0")
createChart("1")
createChart("2")
createChart("3")