//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 data for the pie chart
double[] data = { 25, 18, 15, 12, 8, 30, 35 };
// The labels for the pie chart
string[] labels = { "Labor", "Licenses", "Taxes", "Legal", "Insurance",
"Facilities", "Production" };
// Create a PieChart object of size 600 x 320 pixels. Set background
// color to brushed silver, with a 2 pixel 3D border. Use rounded corners
// of 20 pixels radius.
PieChart c = new PieChart(600, 320, Chart.brushedSilverColor(),
Chart.Transparent, 2);
c.setRoundedFrame(0xffffff, 20);
// Add a title using 18 pts Times New Roman Bold Italic font. #Set
// top/bottom margins to 8 pixels.
ChartDirector.TextBox title = c.addTitle("Donut Chart Demonstration",
"Times New Roman Bold Italic", 18);
title.setMargin2(0, 0, 8, 8);
// Add a 2 pixels wide separator line just under the title
c.addLine(10, title.getHeight(), c.getWidth() - 11, title.getHeight(),
Chart.LineColor, 2);
// Set donut center at (160, 175), and outer/inner radii as 110/55 pixels
c.setDonutSize(160, 175, 110, 55);
// Set the pie data and the pie labels
c.setData(data, labels);
// Use ring shading effect for the sectors
c.setSectorStyle(Chart.RingShading);
// Use the side label layout method, with the labels positioned 16 pixels
// from the donut bounding box
c.setLabelLayout(Chart.SideLayout, 16);
// Show only the sector number as the sector label
c.setLabelFormat("{={sector}+1}");
// Set the sector label style to Arial Bold 10pt, with a dark grey
// (444444) border
c.setLabelStyle("Arial Bold", 10).setBackground(Chart.Transparent,
0x444444);
// Add a legend box, with the center of the left side anchored at (330,
// 175), and using 10 pts Arial Bold Italic font
LegendBox b = c.addLegend(330, 175, true, "Arial Bold Italic", 10);
b.setAlignment(Chart.Left);
// Set the legend box border to dark grey (444444), and with rounded
// conerns
b.setBackground(Chart.Transparent, 0x444444);
b.setRoundedCorners();
// Set the legend box margin to 16 pixels, and the extra line spacing
// between the legend entries as 5 pixels
b.setMargin(16);
b.setKeySpacing(0, 5);
// Set the legend text to show the sector number, followed by a 120
// pixels wide block showing the sector label, and a 40 pixels wide block
// showing the percentage
b.setText(
"<*block,valign=top*>{={sector}+1}.<*advanceTo=22*>" +
"<*block,width=120*>{label}<*/*><*block,width=40,halign=right*>" +
"{percent}<*/*>%");
// Output the chart
viewer.Image = c.makeImage();
//include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("clickable", "",
"title='{label}: US${value}K ({percent}%)'");
}
//
// Create chart
//
private void createChart(RazorChartViewer viewer)
{
// The data for the bar chart
double[] data0 = { 44, 55, 100 };
double[] data1 = { 97, 87, 167 };
double[] data2 = { 156, 78, 147 };
double[] data3 = { 125, 118, 211 };
// The labels for the bar chart. The labels contains embedded images as icons.
string[] labels = { "<*img=service.png*><*br*>Service", "<*img=software.png*><*br*>Software",
"<*img=computer.png*><*br*>Hardware" };
// Create a XYChart object of size 600 x 350 pixels, using 0xe0e0ff as the background color,
// 0xccccff as the border color, with 1 pixel 3D border effect.
XYChart c = new XYChart(600, 350, 0xe0e0ff, 0xccccff, 1);
//Set default directory for loading images
c.setSearchPath(Url.Content("~/Content"));
// Add a title to the chart using 14 points Times Bold Itatic font and light blue (0x9999ff)
// as the background color
c.addTitle("Business Results 2001 vs 2002", "Times New Roman Bold Italic", 14).setBackground(
0x9999ff);
// Set the plotarea at (60, 45) and of size 500 x 210 pixels, using white (0xffffff) as the
// background
c.setPlotArea(60, 45, 500, 210, 0xffffff);
// Swap the x and y axes to create a horizontal bar chart
c.swapXY();
// Add a title to the y axis using 11 pt Times Bold Italic as font
c.yAxis().setTitle("Revenue (millions)", "Times New Roman Bold Italic", 11);
// Set the labels on the x axis
c.xAxis().setLabels(labels);
// Disable x-axis ticks by setting the tick length to 0
c.xAxis().setTickLength(0);
// Add a stacked bar layer to the chart
BarLayer layer = c.addBarLayer2(Chart.Stack);
// Add the first two data sets to the chart as a stacked bar group
layer.addDataGroup("2001");
layer.addDataSet(data0, 0xaaaaff, "Local");
layer.addDataSet(data1, 0x6666ff, "International");
// Add the remaining data sets to the chart as another stacked bar group
layer.addDataGroup("2002");
layer.addDataSet(data2, 0xffaaaa, "Local");
layer.addDataSet(data3, 0xff6666, "International");
// Set the sub-bar gap to 0, so there is no gap between stacked bars with a group
layer.setBarGap(0.2, 0);
// Set the bar border to transparent
layer.setBorderColor(Chart.Transparent);
// Set the aggregate label format
layer.setAggregateLabelFormat("Year {dataGroupName}\n{value} millions");
// Set the aggregate label font to 8 point Arial Bold Italic
layer.setAggregateLabelStyle("Arial Bold Italic", 8);
// Reverse 20% space at the right during auto-scaling to allow space for the aggregate bar
// labels
c.yAxis().setAutoScale(0.2);
// Add a legend box at (310, 300) using TopCenter alignment, with 2 column grid layout, and
// use 8pt Arial Bold Italic as font
LegendBox legendBox = c.addLegend2(310, 300, 2, "Arial Bold Italic", 8);
legendBox.setAlignment(Chart.TopCenter);
// Set the format of the text displayed in the legend box
legendBox.setText("Year {dataGroupName} {dataSetName} Revenue");
// Set the background and border of the legend box to transparent
legendBox.setBackground(Chart.Transparent, Chart.Transparent);
// Output the chart
viewer.Image = c.makeWebImage(Chart.PNG);
// Include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("", "",
"title='Year {dataGroupName} {dataSetName} {xLabel} Revenue: {value} millions'");
}
public void createChart(WinChartViewer viewer, DataTable dt_chart, string title)
{
try
{
Chart.setLicenseCode("DEVP-2LSU-B4LX-YCTY-2DF2-77EE");
double[] data = new double[dt_chart.Rows.Count];
string[] labels = new string[dt_chart.Rows.Count];
for (int i = 0; i < dt_chart.Rows.Count; i++)
{
data[i] = Convert.ToDouble(dt_chart.Rows[i]["RATE"].ToString());
labels[i] = dt_chart.Rows[i]["reason_tail_nm"].ToString();
}
// The colors to use for the sectors
int[] colors = { 0x66aaee, 0xeebb22, 0xbbbbbb, 0x8844ff, 0xdd2222,
0x009900, 0xff8040, 0xaa0023 };
// Create a PieChart object of size 600 x 320 pixels. Use a vertical
// gradient color from light blue (99ccff) to white (ffffff) spanning the
// top 100 pixels as background. Set border to grey (888888). Use rounded
// corners. Enable soft drop shadow.
PieChart c = new PieChart(690, 310);
c.setBackground(c.linearGradientColor(0, 0, 0, 100, 0x99ccff, 0xffffff),
0x888888);
c.setRoundedFrame();
c.setDropShadow();
// Add a title using 18 pts Times New Roman Bold Italic font. Add 16
// pixels top margin to the title.
c.addTitle(title,
"Times New Roman Bold Italic", 18).setMargin2(0, 0, 1, 0);
// Set the center of the pie at (160, 165) and the radius to 110 pixels
c.setPieSize(230, 170, 140);
// Draw the pie in 3D with a pie thickness of 25 pixels
c.set3D(25);
// Set the pie data and the pie labels
c.setData(data, labels);
// Set the sector colors
c.setColors2(Chart.DataColor, colors);
// Use local gradient shading for the sectors
c.setSectorStyle(Chart.LocalGradientShading);
// Use the side label layout method, with the labels positioned 16 pixels
// from the pie bounding box
c.setLabelLayout(Chart.Transparent, 16);
// Show only the sector number as the sector label
c.setLabelFormat("{percent} % ");
// Set the sector label style to Arial Bold 10pt, with a dark grey
// (444444) border
c.setLabelStyle("Arial Bold", 10).setBackground(Chart.Transparent,
0x444444);
// Add a legend box, with the center of the left side anchored at (330,
// 175), and using 10 pts Arial Bold Italic font
LegendBox b = new LegendBox();
b = c.addLegend(470, 150, true, "Arial Bold Italic", 12);
b.setAlignment(Chart.Left);
// Set the legend box border to dark grey (444444), and with rounded
// conerns
b.setBackground(Chart.Transparent, 0x444444);
b.setRoundedCorners();
// Set the legend box margin to 16 pixels, and the extra line spacing
// between the legend entries as 5 pixels
b.setMargin(16);
b.setKeySpacing(0, 5);
// Set the legend box icon to have no border (border color same as fill
// color)
b.setKeyBorder(Chart.SameAsMainColor);
// Set the legend text to show the sector number, followed by a 120
// pixels wide block showing the sector label, and a 40 pixels wide block
// showing the percentage
b.setText(
"<*block,valign=top*> <*advanceTo=22*>" +
"<*block,width=140*>{label}<*/*>");
// Output the chart
viewer.Chart = c;
//include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("clickable", "",
"title='{label}: {percent} % '");
}
catch
{
}
// The data for the pie chart
//dt_chart = this.select_chart_1();
}
//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 data for the pie chart
double[] data = { 21, 18, 15, 12, 8, 24 };
// The labels for the pie chart
string[] labels = { "Labor", "Licenses", "Taxes", "Legal", "Facilities", "Production" };
// The colors to use for the sectors
int[] colors = { 0x66aaee, 0xeebb22, 0xbbbbbb, 0x8844ff, 0xdd2222, 0x009900 };
// Create a PieChart object of size 600 x 320 pixels. Use a vertical gradient color from
// light blue (99ccff) to white (ffffff) spanning the top 100 pixels as background. Set
// border to grey (888888). Use rounded corners. Enable soft drop shadow.
PieChart c = new PieChart(600, 320);
c.setBackground(c.linearGradientColor(0, 0, 0, 100, 0x99ccff, 0xffffff), 0x888888);
c.setRoundedFrame();
c.setDropShadow();
// Add a title using 18pt Times New Roman Bold Italic font. Add 16 pixels top margin to
// the title.
c.addTitle("Pie Chart With Legend Demonstration", "Times New Roman Bold Italic", 18
).setMargin2(0, 0, 16, 0);
// Set the center of the pie at (160, 165) and the radius to 110 pixels
c.setPieSize(160, 165, 110);
// Draw the pie in 3D with a pie thickness of 25 pixels
c.set3D(25);
// Set the pie data and the pie labels
c.setData(data, labels);
// Set the sector colors
c.setColors2(Chart.DataColor, colors);
// Use local gradient shading for the sectors
c.setSectorStyle(Chart.LocalGradientShading);
// Use the side label layout method, with the labels positioned 16 pixels from the pie
// bounding box
c.setLabelLayout(Chart.SideLayout, 16);
// Show only the sector number as the sector label
c.setLabelFormat("{={sector}+1}");
// Set the sector label style to Arial Bold 10pt, with a dark grey (444444) border
c.setLabelStyle("Arial Bold", 10).setBackground(Chart.Transparent, 0x444444);
// Add a legend box, with the center of the left side anchored at (330, 175), and using
// 10pt Arial Bold Italic font
LegendBox b = c.addLegend(330, 175, true, "Arial Bold Italic", 10);
b.setAlignment(Chart.Left);
// Set the legend box border to dark grey (444444), and with rounded conerns
b.setBackground(Chart.Transparent, 0x444444);
b.setRoundedCorners();
// Set the legend box margin to 16 pixels, and the extra line spacing between the legend
// entries as 5 pixels
b.setMargin(16);
b.setKeySpacing(0, 5);
// Set the legend box icon to have no border (border color same as fill color)
b.setKeyBorder(Chart.SameAsMainColor);
// Set the legend text to show the sector number, followed by a 120 pixels wide block
// showing the sector label, and a 40 pixels wide block showing the percentage
b.setText(
"<*block,valign=top*>{={sector}+1}.<*advanceTo=22*><*block,width=120*>{label}" +
"<*/*><*block,width=40,halign=right*>{percent}<*/*>%");
// Output the chart
viewer.Chart = c;
//include tool tip for the chart
viewer.ImageMap = c.getHTMLImageMap("clickable", "",
"title='{label}: US${value}K ({percent}%)'");
}
