//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)
{
// Sample data for the Box-Whisker chart. Represents the minimum, 1st
// quartile, medium, 3rd quartile and maximum values of some quantities
double[] Q0Data = { 40, 45, 40, 30, 20, 50, 25, 44 };
double[] Q1Data = { 55, 60, 50, 40, 38, 60, 51, 60 };
double[] Q2Data = { 62, 70, 60, 50, 48, 70, 62, 70 };
double[] Q3Data = { 70, 80, 65, 60, 53, 78, 69, 76 };
double[] Q4Data = { 80, 90, 75, 70, 60, 85, 80, 84 };
// The labels for the chart
string[] labels = { "Group A", "Group B", "Group C", "Group D", "Group E",
"Group F", "Group G", "Group H" };
// Create a XYChart object of size 550 x 250 pixels
XYChart c = new XYChart(550, 275);
// Set the plotarea at (50, 25) and of size 450 x 200 pixels. Enable both
// horizontal and vertical grids by setting their colors to grey
// (0xc0c0c0)
c.setPlotArea(50, 50, 450, 200).setGridColor(0xc0c0c0, 0xc0c0c0);
// Add a title to the chart
c.addTitle("Computer Vision Test Scores");
// Set the labels on the x axis and the font to Arial Bold
c.xAxis().setLabels(labels).setFontStyle("Arial Bold");
// Set the font for the y axis labels to Arial Bold
c.yAxis().setLabelStyle("Arial Bold");
// Add a Box Whisker layer using light blue 0x9999ff as the fill color
// and blue (0xcc) as the line color. Set the line width to 2 pixels
c.addBoxLayer(Q4Data, Q3Data, 0x00ff00, "Top 25%");
c.addBoxLayer(Q3Data, Q2Data, 0x9999ff, "25% - 50%");
c.addBoxLayer(Q2Data, Q1Data, 0xffff00, "50% - 75%");
c.addBoxLayer(Q1Data, Q0Data, 0xff0000, "Bottom 25%");
// Add legend box at top center above the plot area using 10 pts Arial
// Bold Font
LegendBox b = c.addLegend(50 + 225, 22, false, "Arial Bold", 10);
b.setAlignment(Chart.TopCenter);
b.setBackground(Chart.Transparent);
// Output the chart
viewer.Image = c.makeImage();
//include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("clickable", "",
"title='{xLabel} ({dataSetName}): {bottom} to {top} points'");
}
//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 names of the tasks
string[] labels = { "Market Research", "Define Specifications",
"Overall Archiecture", "Project Planning", "Detail Design",
"Software Development", "Test Plan", "Testing and QA",
"User Documentation" };
// the planned start dates and end dates for the tasks
DateTime[] startDate = { new DateTime(2004, 8, 16), new DateTime(2004, 8,
30), new DateTime(2004, 9, 13), new DateTime(2004, 9, 20),
new DateTime(2004, 9, 27), new DateTime(2004, 10, 4), new DateTime(
2004, 10, 25), new DateTime(2004, 11, 1), new DateTime(2004, 11, 8) };
DateTime[] endDate = { new DateTime(2004, 8, 30), new DateTime(2004, 9, 13
), new DateTime(2004, 9, 27), new DateTime(2004, 10, 4),
new DateTime(2004, 10, 11), new DateTime(2004, 11, 8), new DateTime(
2004, 11, 8), new DateTime(2004, 11,22), new DateTime(2004, 11, 22) }
;
// the actual start dates and end dates for the tasks up to now
DateTime[] actualStartDate = { new DateTime(2004, 8, 16), new DateTime(
2004, 8, 27), new DateTime(2004,9, 9), new DateTime(2004, 9, 18),
new DateTime(2004, 9, 22) };
DateTime[] actualEndDate = { new DateTime(2004, 8, 27), new DateTime(2004,
9, 9), new DateTime(2004, 9,27), new DateTime(2004, 10, 2),
new DateTime(2004, 10, 8) };
// Create a XYChart object of size 620 x 280 pixels. Set background color
// to light green (ccffcc) with 1 pixel 3D border effect.
XYChart c = new XYChart(620, 280, 0xccffcc, 0x000000, 1);
// Add a title to the chart using 15 points Times Bold Itatic font, with
// white (ffffff) text on a dark green (0x6000) background
c.addTitle("Mutli-Layer Gantt Chart Demo", "Times New Roman Bold Italic",
15, 0xffffff).setBackground(0x006000);
// Set the plotarea at (140, 55) and of size 460 x 200 pixels. Use
// alternative white/grey background. Enable both horizontal and vertical
// grids by setting their colors to grey (c0c0c0). Set vertical major
// grid (represents month boundaries) 2 pixels in width
c.setPlotArea(140, 55, 460, 200, 0xffffff, 0xeeeeee, Chart.LineColor,
0xc0c0c0, 0xc0c0c0).setGridWidth(2, 1, 1, 1);
// swap the x and y axes to create a horziontal box-whisker chart
c.swapXY();
// Set the y-axis scale to be date scale from Aug 16, 2004 to Nov 22,
// 2004, with ticks every 7 days (1 week)
c.yAxis().setDateScale(new DateTime(2004, 8, 16), new DateTime(2004, 11,
22), 86400 * 7);
// Add a red (ff0000) dash line to represent the current day
c.yAxis().addMark(Chart.CTime(new DateTime(2004, 10, 8)),
c.dashLineColor(0xff0000, Chart.DashLine));
// Set multi-style axis label formatting. Month labels are in Arial Bold
// font in "mmm d" format. Weekly labels just show the day of month and
// use minor tick (by using '-' as first character of format string).
c.yAxis().setMultiFormat(Chart.StartOfMonthFilter(),
"<*font=Arial Bold*>{value|mmm d}", Chart.StartOfDayFilter(),
"-{value|d}");
// Set the y-axis to shown on the top (right + swapXY = top)
c.setYAxisOnRight();
// Set the labels on the x axis
c.xAxis().setLabels(labels);
// Reverse the x-axis scale so that it points downwards.
c.xAxis().setReverse();
// Set the horizontal ticks and grid lines to be between the bars
c.xAxis().setTickOffset(0.5);
// Use blue (0000aa) as the color for the planned schedule
int plannedColor = 0x0000aa;
// Use a red hash pattern as the color for the actual dates. The pattern
// is created as a 4 x 4 bitmap defined in memory as an array of colors.
int actualColor = c.patternColor(new int[] { 0xffffff, 0xffffff, 0xffffff,
0xff0000, 0xffffff, 0xffffff, 0xff0000, 0xffffff, 0xffffff, 0xff0000,
0xffffff, 0xffffff, 0xff0000, 0xffffff, 0xffffff, 0xffffff }, 4);
// Add a box whisker layer to represent the actual dates. We add the
// actual dates layer first, so it will be the top layer.
BoxWhiskerLayer actualLayer = c.addBoxLayer(Chart.CTime(actualStartDate),
Chart.CTime(actualEndDate), actualColor, "Actual");
// Set the bar height to 8 pixels so they will not block the bottom bar
actualLayer.setDataWidth(8);
// Add a box-whisker layer to represent the planned schedule date
c.addBoxLayer(Chart.CTime(startDate), Chart.CTime(endDate), plannedColor,
"Planned").setBorderColor(Chart.SameAsMainColor);
// Add a legend box on the top right corner (595, 60) of the plot area
// with 8 pt Arial Bold font. Use a semi-transparent grey (80808080)
// background.
LegendBox b = c.addLegend(595, 60, false, "Arial Bold", 8);
b.setAlignment(Chart.TopRight);
b.setBackground(unchecked ((int)0x80808080), -1, 2);
// Output the chart
viewer.Image = c.makeImage();
//include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("clickable", "",
"title='{xLabel} ({dataSetName}): {top|mmm dd, yyyy} to " +
"{bottom|mmm dd, yyyy}'");
}