ChartDirector 6.0 (Ruby Edition)
Surface Shading
Source Code Listing
require("chartdirector") class SurfaceshadingController < ApplicationController def index() @title = "Surface Shading" @ctrl_file = File.expand_path(__FILE__) @noOfCharts = 4 render :template => "templates/chartview" end # # Render and deliver the chart # def getchart() # This script can draw different charts depending on the chartIndex chartIndex = (params["img"]).to_i # The x and y coordinates of the grid dataX = [-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10] dataY = [-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10] # The values at the grid points. In this example, we will compute the values using the # formula z = x * sin(y) + y * sin(x). dataZ = Array.new(dataX.length * dataY.length, 0) 0.upto(dataY.length - 1) do |yIndex| y = dataY[yIndex] 0.upto(dataX.length - 1) do |xIndex| x = dataX[xIndex] dataZ[yIndex * dataX.length + xIndex] = x * Math.sin(y) + y * Math.sin(x) end end # Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background and # grey (888888) border. c = ChartDirector::SurfaceChart.new(380, 400, 0xffffff, 0x888888) # Demonstrate various shading methods if chartIndex == 0 c.addTitle("11 x 11 Data Points\nSmooth Shading") elsif chartIndex == 1 c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50\nSmooth Shading") c.setInterpolation(50, 50) elsif chartIndex == 2 c.addTitle("11 x 11 Data Points\nRectangular Shading") c.setShadingMode(ChartDirector::RectangularShading) else c.addTitle("11 x 11 Data Points\nTriangular Shading") c.setShadingMode(ChartDirector::TriangularShading) end # Set the center of the plot region at (175, 200), and set width x depth x height to 200 x # 200 x 160 pixels c.setPlotRegion(175, 200, 200, 200, 160) # Set the plot region wall thichness to 5 pixels c.setWallThickness(5) # Set the elevation and rotation angles to 45 and 60 degrees c.setViewAngle(45, 60) # Set the perspective level to 35 c.setPerspective(35) # Set the data to use to plot the chart c.setData(dataX, dataY, dataZ) # Set contour lines to semi-transparent black (c0000000) c.setContourColor(0xc0000000) # Output the chart send_data(c.makeChart2(ChartDirector::JPG), :type => "image/jpeg", :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") def createChart(chartIndex) # The x and y coordinates of the grid dataX = [-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10] dataY = [-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10] # The values at the grid points. In this example, we will compute the values using the formula z # = x * sin(y) + y * sin(x). dataZ = Array.new(dataX.length * dataY.length, 0) 0.upto(dataY.length - 1) do |yIndex| y = dataY[yIndex] 0.upto(dataX.length - 1) do |xIndex| x = dataX[xIndex] dataZ[yIndex * dataX.length + xIndex] = x * Math.sin(y) + y * Math.sin(x) end end # Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background and grey # (888888) border. c = ChartDirector::SurfaceChart.new(380, 400, 0xffffff, 0x888888) # Demonstrate various shading methods if chartIndex == 0 c.addTitle("11 x 11 Data Points\nSmooth Shading") elsif chartIndex == 1 c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50\nSmooth Shading") c.setInterpolation(50, 50) elsif chartIndex == 2 c.addTitle("11 x 11 Data Points\nRectangular Shading") c.setShadingMode(ChartDirector::RectangularShading) else c.addTitle("11 x 11 Data Points\nTriangular Shading") c.setShadingMode(ChartDirector::TriangularShading) end # Set the center of the plot region at (175, 200), and set width x depth x height to 200 x 200 x # 160 pixels c.setPlotRegion(175, 200, 200, 200, 160) # Set the plot region wall thichness to 5 pixels c.setWallThickness(5) # Set the elevation and rotation angles to 45 and 60 degrees c.setViewAngle(45, 60) # Set the perspective level to 35 c.setPerspective(35) # Set the data to use to plot the chart c.setData(dataX, dataY, dataZ) # Set contour lines to semi-transparent black (c0000000) c.setContourColor(0xc0000000) # Output the chart c.makeChart("surfaceshading%s.jpg" % chartIndex) end createChart(0) createChart(1) createChart(2) createChart(3) |