//
// Create chart
//
private void createChart(RazorChartViewer viewer)
{
// The x and y coordinates of the grid
DateTime[] dataX = { new DateTime(2008, 9, 1), new DateTime(2008, 9, 2), new DateTime(2008, 9,
3), new DateTime(2008, 9, 4), new DateTime(2008, 9, 5), new DateTime(2008,9, 6) };
string[] dataY = { "Low", "Medium", "High" };
// The data series
double[] lowData = { 24, 38, 33, 25, 28, 36 };
double[] mediumData = { 49, 42, 34, 47, 53, 50 };
double[] highData = { 44, 51, 38, 33, 47, 42 };
// Create a SurfaceChart object of size 760 x 500 pixels
SurfaceChart c = new SurfaceChart(760, 500);
// Add a title to the chart using 18 points Arial font
c.addTitle("Surface Chart Axis Types", "Arial", 18);
// Set the center of the plot region at (385, 240), and set width x depth x height to 480 x
// 240 x 240 pixels
c.setPlotRegion(385, 240, 480, 240, 240);
// Set the elevation and rotation angles to 30 and -10 degrees
c.setViewAngle(30, -10);
// Set the data to use to plot the chart. As the y-data are text strings (enumerated), we
// will use an empty array for the y-coordinates. For the z data series, they are just the
// concatenation of the individual data series.
c.setData(Chart.CTime(dataX), null, new ArrayMath(lowData).insert(mediumData).insert(highData
).result());
// Set the y-axis labels
c.yAxis().setLabels(dataY);
// Set x-axis tick density to 75 pixels. ChartDirector auto-scaling will use this as the
// guideline when putting ticks on the x-axis.
c.xAxis().setTickDensity(75);
// Spline interpolate data to a 80 x 40 grid for a smooth surface
c.setInterpolation(80, 40);
// Set surface grid lines to semi-transparent black (cc000000).
c.setSurfaceAxisGrid(unchecked ((int)0xcc000000));
// Set contour lines to the same color as the fill color at the contour level
c.setContourColor(Chart.SameAsMainColor);
// Add a color axis (the legend) in which the top right corner is anchored at (95, 100). Set
// the length to 160 pixels and the labels on the left side.
ColorAxis cAxis = c.setColorAxis(95, 100, Chart.TopRight, 160, Chart.Left);
// Add a bounding box with light grey (eeeeee) background and grey (888888) border.
cAxis.setBoundingBox(0xeeeeee, 0x888888);
// Set label style to Arial bold for all axes
c.xAxis().setLabelStyle("Arial Bold");
c.yAxis().setLabelStyle("Arial Bold");
c.zAxis().setLabelStyle("Arial Bold");
c.colorAxis().setLabelStyle("Arial Bold");
// Set the x, y and z axis titles using deep blue (000088) 15 points Arial font
c.xAxis().setTitle("Date/Time Axis", "Arial Italic", 15, 0x000088);
c.yAxis().setTitle("Label\nBased\nAxis", "Arial Italic", 15, 0x000088);
c.zAxis().setTitle("Numeric Axis", "Arial Italic", 15, 0x000088);
// Output the chart
viewer.Image = c.makeWebImage(Chart.JPG);
}
//Main code for creating chart.
//Note: the argument img is unused because this demo only has 1 chart.
public void createChart(WinChartViewer viewer, string img)
{
// The x and y coordinates of the grid
double[] dataX = { -10, -9, -8, -7, -6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4,
5, 6, 7, 8, 9, 10 };
double[] dataY = { -10, -9, -8, -7, -6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4,
5, 6, 7, 8, 9, 10 };
// The values at the grid points. In this example, we will compute the
// values using the formula z = Sin(x / 2) * Sin(y / 2).
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] = Math.Sin(x / 2.0) *
Math.Sin(y / 2.0);
}
}
// Create a XYChart object of size 600 x 500 pixels
XYChart c = new XYChart(600, 500);
// Add a title to the chart using 18 points Times New Roman Bold Italic
// font
c.addTitle("Nano Lattice Twister Field Intensity ",
"Times New Roman Bold Italic", 18);
// Set the plotarea at (75, 40) and of size 400 x 400 pixels. Use
// semi-transparent black (80000000) dotted lines for both horizontal and
// vertical grid lines
c.setPlotArea(75, 40, 400, 400, -1, -1, -1, c.dashLineColor(
unchecked ((int)0x80000000), Chart.DotLine), -1);
// Set x-axis and y-axis title using 12 points Arial Bold Italic font
c.xAxis().setTitle("Lattice X Direction (nm)", "Arial Bold Italic", 12);
c.yAxis().setTitle("Lattice Y Direction (nm)", "Arial Bold Italic", 12);
// Set x-axis and y-axis labels to use Arial Bold font
c.xAxis().setLabelStyle("Arial Bold");
c.yAxis().setLabelStyle("Arial Bold");
// When auto-scaling, use tick spacing of 40 pixels as a guideline
c.yAxis().setTickDensity(40);
c.xAxis().setTickDensity(40);
// Add a contour layer using the given data
ContourLayer layer = c.addContourLayer(dataX, dataY, dataZ);
// Set the contour color to transparent
layer.setContourColor(Chart.Transparent);
// Move the grid lines in front of the contour layer
c.getPlotArea().moveGridBefore(layer);
// Add a color axis (the legend) in which the left center point is
// anchored at (495, 240). Set the length to 370 pixels and the labels on
// the right side.
ColorAxis cAxis = layer.setColorAxis(495, 240, Chart.Left, 370,
Chart.Right);
// Add a bounding box to the color axis using light grey (eeeeee) as the
// background and dark grey (444444) as the border.
cAxis.setBoundingBox(0xeeeeee, 0x444444);
// Add a title to the color axis using 12 points Arial Bold Italic font
cAxis.setTitle("Twist Pressure (Twist-Volt)", "Arial Bold Italic", 12);
// Set color axis labels to use Arial Bold font
cAxis.setLabelStyle("Arial Bold");
// Use smooth gradient coloring
cAxis.setColorGradient(true);
// Output the chart
viewer.Image = c.makeImage();
}
//
// Create chart
//
private void createChart(RazorChartViewer viewer)
{
// The (x, y, z) coordinates of the scattered data
double[] dataX = { 0.5, 1.9, 4.9, 1.0, 8.9, 9.8, 5.9, 2.9, 6.8, 9.0, 0.0, 8.9, 1.9, 4.8, 2.4,
3.4, 7.9, 7.5, 4.8, 7.5, 9.5, 0.4, 8.9, 0.9, 5.4, 9.4, 2.9, 8.9, 0.9, 8.9, 10.0, 1.0,
6.8, 3.8, 9.0, 5.3, 6.4, 4.9, 4.5, 2.0, 5.4, 0.0, 10.0, 3.9, 5.4, 5.9, 5.8, 0.3, 4.4, 8.3 };
double[] dataY = { 3.3, 3.0, 0.7, 1.0, 9.3, 4.5, 8.4, 0.1, 0.8, 0.1, 9.3, 1.8, 4.3, 1.3, 2.3,
5.4, 6.9, 9.0, 9.8, 7.5, 1.8, 1.4, 4.5, 7.8, 3.8, 4.0, 2.9, 2.4, 3.9, 2.9, 2.3, 9.3, 2.0,
3.4, 4.8, 2.3, 3.4, 2.3, 1.5, 7.8, 4.5, 0.9, 6.3, 2.4, 6.9, 2.8, 1.3, 2.9, 6.4, 6.3 };
double[] dataZ = { 6.6, 12.5, 7.4, 6.2, 9.6, 13.6, 19.9, 2.2, 6.9, 3.4, 8.7, 8.4, 7.8, 8.0,
9.4, 11.9, 9.6, 15.7, 12.0, 13.3, 9.6, 6.4, 9.0, 6.9, 4.6, 9.7, 10.6, 9.2, 7.0, 6.9, 9.7,
8.6, 8.0, 13.6, 13.2, 5.9, 9.0, 3.2, 8.3, 9.7, 8.2, 6.1, 8.7, 5.6, 14.9, 9.8, 9.3, 5.1,
10.8, 9.8 };
// Create a XYChart object of size 450 x 540 pixels
XYChart c = new XYChart(450, 540);
// Add a title to the chart using 15 points Arial Italic font
c.addTitle(" Contour Chart with Scattered Data", "Arial Italic", 15);
// Set the plotarea at (65, 40) and of size 360 x 360 pixels. Use semi-transparent black
// (c0000000) for both horizontal and vertical grid lines
c.setPlotArea(65, 40, 360, 360, -1, -1, -1, unchecked ((int)0xc0000000), -1);
// Set x-axis and y-axis title using 12 points Arial Bold Italic font
c.xAxis().setTitle("X-Axis Title Place Holder", "Arial Bold Italic", 10);
c.yAxis().setTitle("Y-Axis Title Place Holder", "Arial Bold Italic", 10);
// Set x-axis and y-axis labels to use Arial Bold font
c.xAxis().setLabelStyle("Arial Bold");
c.yAxis().setLabelStyle("Arial Bold");
// When x-axis and y-axis color to transparent
c.xAxis().setColors(Chart.Transparent);
c.yAxis().setColors(Chart.Transparent);
// Add a scatter layer to the chart to show the position of the data points
c.addScatterLayer(dataX, dataY, "", Chart.Cross2Shape(0.2), 7, 0x000000);
// Add a contour layer using the given data
ContourLayer layer = c.addContourLayer(dataX, dataY, dataZ);
// Move the grid lines in front of the contour layer
c.getPlotArea().moveGridBefore(layer);
// Add a color axis (the legend) in which the top center is anchored at (245, 455). Set the
// length to 330 pixels and the labels on the top side.
ColorAxis cAxis = layer.setColorAxis(245, 455, Chart.TopCenter, 330, Chart.Top);
// Add a bounding box to the color axis using the default line color as border.
cAxis.setBoundingBox(Chart.Transparent, Chart.LineColor);
// Add a title to the color axis using 12 points Arial Bold Italic font
cAxis.setTitle("Color Legend Title Place Holder", "Arial Bold Italic", 10);
// Set color axis labels to use Arial Bold font
cAxis.setLabelStyle("Arial Bold");
// Set the color axis range as 0 to 20, with a step every 2 units
cAxis.setLinearScale(0, 20, 2);
// Output the chart
viewer.Image = c.makeWebImage(Chart.PNG);
}
//Main code for creating chart.
//Note: the argument chartIndex is unused because this demo only has 1 chart.
public void createChart(WPFChartViewer viewer, int chartIndex)
{
// The (x, y, z) coordinates of the scattered data
double[] dataX = { 0.5, 1.9, 4.9, 1.0, 8.9, 9.8, 5.9, 2.9, 6.8, 9.0, 0.0, 8.9, 1.9, 4.8,
2.4, 3.4, 7.9, 7.5, 4.8, 7.5, 9.5, 0.4, 8.9, 0.9, 5.4, 9.4, 2.9, 8.9, 0.9, 8.9,
10.0, 1.0, 6.8, 3.8, 9.0, 5.3, 6.4, 4.9, 4.5, 2.0, 5.4, 0.0, 10.0, 3.9, 5.4, 5.9,
5.8, 0.3, 4.4, 8.3 };
double[] dataY = { 3.3, 3.0, 0.7, 1.0, 9.3, 4.5, 8.4, 0.1, 0.8, 0.1, 9.3, 1.8, 4.3, 1.3,
2.3, 5.4, 6.9, 9.0, 9.8, 7.5, 1.8, 1.4, 4.5, 7.8, 3.8, 4.0, 2.9, 2.4, 3.9, 2.9, 2.3,
9.3, 2.0, 3.4, 4.8, 2.3, 3.4, 2.3, 1.5, 7.8, 4.5, 0.9, 6.3, 2.4, 6.9, 2.8, 1.3, 2.9,
6.4, 6.3 };
double[] dataZ = { 6.6, 12.5, 7.4, 6.2, 9.6, 13.6, 19.9, 2.2, 6.9, 3.4, 8.7, 8.4, 7.8,
8.0, 9.4, 11.9, 9.6, 15.7, 12.0, 13.3, 9.6, 6.4, 9.0, 6.9, 4.6, 9.7,10.6, 9.2, 7.0,
6.9, 9.7, 8.6, 8.0, 13.6, 13.2, 5.9, 9.0, 3.2, 8.3, 9.7, 8.2, 6.1, 8.7, 5.6, 14.9,
9.8, 9.3, 5.1, 10.8, 9.8 };
// Create a SurfaceChart object of size 680 x 550 pixels. Set background to brushed
// silver and border to grey (888888). Set the top-left and bottom-right corners to
// rounded corners with 20 pixels radius.
SurfaceChart c = new SurfaceChart(680, 550, Chart.brushedSilverColor(), 0x888888);
c.setRoundedFrame(0xffffff, 20, 0, 20, 0);
// Add a title to the chart using 20 points Times New Roman Italic font. Set top/bottom
// margin to 8 pixels.
ChartDirector.TextBox title = c.addTitle("Surface Created Using Scattered Data Points",
"Times New Roman Italic", 20);
title.setMargin2(0, 0, 8, 8);
// Add a 2 pixel wide black (000000) separator line under the title
c.addLine(10, title.getHeight(), c.getWidth() - 10, title.getHeight(), 0x000000, 2);
// Set the center of the plot region at (290, 235), and set width x depth x height to
// 360 x 360 x 180 pixels
c.setPlotRegion(290, 235, 360, 360, 180);
// Set the elevation and rotation angles to 45 and -45 degrees
c.setViewAngle(45, -45);
// Set the perspective level to 30
c.setPerspective(30);
// Set the data to use to plot the chart
c.setData(dataX, dataY, dataZ);
// Add a color axis (the legend) in which the top right corner is anchored at (660, 80).
// Set the length to 200 pixels and the labels on the right side.
ColorAxis cAxis = c.setColorAxis(660, 80, Chart.TopRight, 200, Chart.Right);
// Set the color axis title with 12 points Arial Bold font
cAxis.setTitle("Z Title Placeholder", "Arial Bold", 12);
// Add a bounding box with light grey (eeeeee) background and grey (888888) border. Set
// the top-left and bottom-right corners to rounded corners of 10 pixels radius.
cAxis.setBoundingBox(0xeeeeee, 0x888888);
cAxis.setRoundedCorners(10, 0, 10, 0);
// Set surface grid lines to semi-transparent black (cc000000)
c.setSurfaceAxisGrid(unchecked ((int)0xcc000000));
// Set contour lines to semi-transparent white (80ffffff)
c.setContourColor(unchecked ((int)0x80ffffff));
// Set the walls to black in color
c.setWallColor(0x000000);
// Set the xyz major wall grid lines to white (ffffff), and minor wall grid lines to
// grey (888888)
c.setWallGrid(0xffffff, 0xffffff, 0xffffff, 0x888888, 0x888888, 0x888888);
// Set the wall thickness to 0
c.setWallThickness(0, 0, 0);
// Show only the xy wall, and hide the yz and zx walls.
c.setWallVisibility(true, false, false);
// Set the x, y and z axis titles using 12 points Arial Bold font
c.xAxis().setTitle("X Title\nPlaceholder", "Arial Bold", 12);
c.yAxis().setTitle("Y Title\nPlaceholder", "Arial Bold", 12);
// Output the chart
viewer.Chart = c;
}
