ChartDirector 6.2 (.NET Edition)

This example demonstrates the effects of various surface shading methods, configured using SurfaceChart.setShadingMode.

Source Code Listing

[Windows Forms - C# version] NetWinCharts\CSharpWinCharts\surfaceshading.cs
 ```using System; using ChartDirector; namespace CSharpChartExplorer { public class surfaceshading : DemoModule { //Name of demo module public string getName() { return "Surface Shading"; } //Number of charts produced in this demo module public int getNoOfCharts() { return 4; } //Main code for creating charts public void createChart(WinChartViewer viewer, int chartIndex) { // The x and y coordinates of the grid double[] dataX = {-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10}; double[] 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). double[] dataZ = new double[dataX.Length * dataY.Length]; for(int yIndex = 0; yIndex < dataY.Length; ++yIndex) { double y = dataY[yIndex]; for(int xIndex = 0; xIndex < dataX.Length; ++xIndex) { double x = dataX[xIndex]; dataZ[yIndex * dataX.Length + xIndex] = x * Math.Sin(y) + y * Math.Sin(x); } } // Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background // and grey (888888) border. SurfaceChart c = new SurfaceChart(380, 400, 0xffffff, 0x888888); // Demonstrate various shading methods if (chartIndex == 0) { c.addTitle("11 x 11 Data Points\nSmooth Shading"); } else if (chartIndex == 1) { c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50\nSmooth Shading"); c.setInterpolation(50, 50); } else if (chartIndex == 2) { c.addTitle("11 x 11 Data Points\nRectangular Shading"); c.setShadingMode(Chart.RectangularShading); } else { c.addTitle("11 x 11 Data Points\nTriangular Shading"); c.setShadingMode(Chart.TriangularShading); } // 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(unchecked((int)0xc0000000)); // Output the chart viewer.Chart = c; } } }```

[Windows Forms - VB Version] NetWinCharts\VBNetWinCharts\surfaceshading.vb
 ```Imports System Imports Microsoft.VisualBasic Imports ChartDirector Public Class surfaceshading Implements DemoModule 'Name of demo module Public Function getName() As String Implements DemoModule.getName Return "Surface Shading" End Function 'Number of charts produced in this demo module Public Function getNoOfCharts() As Integer Implements DemoModule.getNoOfCharts Return 4 End Function 'Main code for creating charts Public Sub createChart(viewer As WinChartViewer, chartIndex As Integer) _ Implements DemoModule.createChart ' The x and y coordinates of the grid Dim dataX() As Double = {-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10} Dim dataY() As Double = {-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). Dim dataZ((UBound(dataX) + 1) * (UBound(dataY) + 1) - 1) As Double For yIndex As Integer = 0 To UBound(dataY) Dim y As Double = dataY(yIndex) For xIndex As Integer = 0 To UBound(dataX) Dim x As Double = dataX(xIndex) dataZ(yIndex * (UBound(dataX) + 1) + xIndex) = x * Math.Sin(y) + y * Math.Sin(x) Next Next ' Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background and ' grey (888888) border. Dim c As SurfaceChart = New SurfaceChart(380, 400, &Hffffff, &H888888) ' Demonstrate various shading methods If chartIndex = 0 Then c.addTitle("11 x 11 Data Points<*br*>Smooth Shading") ElseIf chartIndex = 1 Then c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50<*br*>Smooth Shading") c.setInterpolation(50, 50) ElseIf chartIndex = 2 Then c.addTitle("11 x 11 Data Points<*br*>Rectangular Shading") c.setShadingMode(Chart.RectangularShading) Else c.addTitle("11 x 11 Data Points<*br*>Triangular Shading") c.setShadingMode(Chart.TriangularShading) End If ' 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(&Hc0000000) ' Output the chart viewer.Chart = c End Sub End Class```

 ```using System; using ChartDirector; namespace CSharpWPFDemo { public class surfaceshading : DemoModule { //Name of demo module public string getName() { return "Surface Shading"; } //Number of charts produced in this demo module public int getNoOfCharts() { return 4; } //Main code for creating charts public void createChart(WPFChartViewer viewer, int chartIndex) { // The x and y coordinates of the grid double[] dataX = {-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10}; double[] 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). double[] dataZ = new double[dataX.Length * dataY.Length]; for(int yIndex = 0; yIndex < dataY.Length; ++yIndex) { double y = dataY[yIndex]; for(int xIndex = 0; xIndex < dataX.Length; ++xIndex) { double x = dataX[xIndex]; dataZ[yIndex * dataX.Length + xIndex] = x * Math.Sin(y) + y * Math.Sin(x); } } // Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background // and grey (888888) border. SurfaceChart c = new SurfaceChart(380, 400, 0xffffff, 0x888888); // Demonstrate various shading methods if (chartIndex == 0) { c.addTitle("11 x 11 Data Points\nSmooth Shading"); } else if (chartIndex == 1) { c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50\nSmooth Shading"); c.setInterpolation(50, 50); } else if (chartIndex == 2) { c.addTitle("11 x 11 Data Points\nRectangular Shading"); c.setShadingMode(Chart.RectangularShading); } else { c.addTitle("11 x 11 Data Points\nTriangular Shading"); c.setShadingMode(Chart.TriangularShading); } // 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(unchecked((int)0xc0000000)); // Output the chart viewer.Chart = c; } } }```

[ASP.NET Web Forms - C# version] NetWebCharts\CSharpASP\surfaceshading.aspx
 ```<%@ Page Language="C#" Debug="true" %> <%@ Import Namespace="ChartDirector" %> <%@ Register TagPrefix="chart" Namespace="ChartDirector" Assembly="netchartdir" %> ```

[ASP.NET Web Forms - VB Version] NetWebCharts\VBNetASP\surfaceshading.aspx
 ```<%@ Page Language="VB" Debug="true" %> <%@ Import Namespace="ChartDirector" %> <%@ Register TagPrefix="chart" Namespace="ChartDirector" Assembly="netchartdir" %> ```
 ```using System; using System.Web.Mvc; using ChartDirector; namespace NetMvcCharts.Controllers { public class SurfaceshadingController : Controller { // // Default Action // public ActionResult Index() { ViewBag.Title = "Surface Shading"; // This example contains 4 charts. ViewBag.Viewer = new RazorChartViewer[4]; for (int i = 0; i < ViewBag.Viewer.Length; ++i) createChart(ViewBag.Viewer[i] = new RazorChartViewer(HttpContext, "chart" + i), i); return View("~/Views/Shared/ChartView.cshtml"); } // // Create chart // private void createChart(RazorChartViewer viewer, int chartIndex) { // The x and y coordinates of the grid double[] dataX = {-10, -8, -6, -4, -2, 0, 2, 4, 6, 8, 10}; double[] 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). double[] dataZ = new double[dataX.Length * dataY.Length]; for(int yIndex = 0; yIndex < dataY.Length; ++yIndex) { double y = dataY[yIndex]; for(int xIndex = 0; xIndex < dataX.Length; ++xIndex) { double x = dataX[xIndex]; dataZ[yIndex * dataX.Length + xIndex] = x * Math.Sin(y) + y * Math.Sin(x); } } // Create a SurfaceChart object of size 380 x 400 pixels, with white (ffffff) background and // grey (888888) border. SurfaceChart c = new SurfaceChart(380, 400, 0xffffff, 0x888888); // Demonstrate various shading methods if (chartIndex == 0) { c.addTitle("11 x 11 Data Points\nSmooth Shading"); } else if (chartIndex == 1) { c.addTitle("11 x 11 Points - Spline Fitted to 50 x 50\nSmooth Shading"); c.setInterpolation(50, 50); } else if (chartIndex == 2) { c.addTitle("11 x 11 Data Points\nRectangular Shading"); c.setShadingMode(Chart.RectangularShading); } else { c.addTitle("11 x 11 Data Points\nTriangular Shading"); c.setShadingMode(Chart.TriangularShading); } // 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(unchecked((int)0xc0000000)); // Output the chart viewer.Image = c.makeWebImage(Chart.JPG); } } }```
 ```@{ Layout = null; } @ViewBag.Title