//Main code for creating charts
public void createChart(WPFChartViewer viewer, int chartIndex)
{
// The value to display on the meter
double value = 66.77;
// Create a LinearMeter object of size 70 x 260 pixels with black background and rounded
// corners
LinearMeter m = new LinearMeter(70, 260, 0x000000);
m.setRoundedFrame(Chart.Transparent);
// Set the default text and line colors to white (0xffffff)
m.setColor(Chart.TextColor, 0xffffff);
m.setColor(Chart.LineColor, 0xffffff);
// Set the scale region top-left corner at (36, 30), with size of 20 x 196 pixels. The
// scale labels are located on the left (default - implies vertical meter).
m.setMeter(36, 30, 20, 196);
// Set meter scale from 0 - 100, with a tick every 10 units
m.setScale(0, 100, 10);
// Add the chart title at the top center
ChartDirector.TextBox title = m.addText(m.getWidth() / 2, 5, "Temp C", "Arial Bold", 8,
Chart.TextColor, Chart.TopCenter);
// Move the scale labels 8 pixels from the meter scale to make room for the color scale
m.setLabelPos(false, 8);
// Demostrate different types of color scales
double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100,
0xff0000 };
double[] stepColorScale = { 0, 0x00dd00, 50, 0xffff00, 80, 0xff0000, 100 };
double[] highLowColorScale = { 0, 0x0000ff, 40, Chart.Transparent, 60, Chart.Transparent,
100, 0xff0000 };
double[] highColorScale = { 70, Chart.Transparent, 100, 0xff0000 };
if (chartIndex == 0)
{
// Add a blue (0x0088ff) bar from 0 to value with glass effect and 4 pixel rounded
// corners
m.addBar(0, value, 0x0088ff, Chart.glassEffect(Chart.NormalGlare, Chart.Left), 4);
// Add a 4-pixel thick smooth color scale at x = 29 (left of meter scale)
m.addColorScale(smoothColorScale, 29, 4);
}
else if (chartIndex == 1)
{
// Add a yellow (0xCC9922) bar from 0 to value with bar lighting effect
m.addBar(0, value, 0xcc9922, Chart.barLighting());
// Add a 4-pixel thick smooth color scale at x = 29 (left of meter scale)
m.addColorScale(smoothColorScale, 29, 4);
// Set the title style to black text on a yellow (0xcc9922) background with rounded
// corners
title.setFontColor(0x000000);
title.setBackground(0xcc9922);
title.setRoundedCorners(2);
}
else if (chartIndex == 2)
{
// Add a grey (0xaaaaaa) bar from 0 to value with bar lighting effect
m.addBar(0, value, 0xaaaaaa, Chart.barLighting());
// Add a 4-pixel high/low color scale at x = 29 (left of meter scale)
m.addColorScale(highLowColorScale, 29, 4);
}
else if (chartIndex == 3)
{
// Add a brown (0xbb6622) bar from 0 to value with cylinder lighting effect
m.addBar(0, value, 0xbb6622, Chart.cylinderEffect());
// Add a 4 pixel thick brown (0xbb6622) frame
m.setThickFrame(4, 0xbb6622);
// Add a high only color scale at x = 29 (left of meter scale)
m.addColorScale(highColorScale, 29, 4);
}
else if (chartIndex == 4)
{
// Add a purple (0x7755ee) bar from 0 to value
m.addBar(0, value, 0x7755ee);
// Add a 4 pixel thick purple (0x880088) frame
m.setThickFrame(4, 0x880088);
// Add a 4-pixel high/low color scale at x = 29 (left of meter scale)
m.addColorScale(highLowColorScale, 29, 4);
}
else
{
// Add a green (0x00bb00) bar from 0 to value with soft lighting effect and 4 pixel
// rounded corners
m.addBar(0, value, 0x00bb00, Chart.softLighting(), 4);
// Add a 4-pixel step color scale at x = 29 (left of meter scale)
m.addColorScale(stepColorScale, 29, 4);
}
// Add a text box at the bottom-center. Display the value using white (0xffffff) 8pt
// Arial Bold font on a black (0x000000) background with depressed grey (0x333333)
// rounded border.
ChartDirector.TextBox t = m.addText(m.getWidth() / 2, m.getHeight() - 7, m.formatValue(
value, "2"), "Arial Bold", 8, 0xffffff, Chart.BottomCenter);
t.setBackground(0x000000, 0x333333, -1);
t.setRoundedCorners(3);
// Output the chart
viewer.Chart = m;
}
//
// Create chart
//
private void createChart(RazorChartViewer viewer, int chartIndex)
{
// The value to display on the meter
double value = 74.25;
// Create a LinearMeter object of size 70 x 260 pixels with very light grey (0xeeeeee)
// backgruond and a grey (0xbbbbbb) 3-pixel thick rounded frame
LinearMeter m = new LinearMeter(70, 260, 0xeeeeee, 0xbbbbbb);
m.setRoundedFrame(Chart.Transparent);
m.setThickFrame(3);
// Set the scale region top-left corner at (28, 33), with size of 20 x 194 pixels. The scale
// labels are located on the left (default - implies vertical meter).
m.setMeter(28, 33, 20, 194);
// Set meter scale from 0 - 100, with a tick every 10 units
m.setScale(0, 100, 10);
// Demostrate different types of color scales
double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100,
0xff0000 };
double[] stepColorScale = { 0, 0x00dd00, 50, 0xffff00, 80, 0xff0000, 100 };
double[] highColorScale = { 70, Chart.Transparent, 100, 0xff0000 };
double[] lowColorScale = { 0, 0x0000ff, 30, Chart.Transparent };
if (chartIndex == 0)
{
// Add a blue (0x0088ff) bar from 0 to value with glass effect and 4 pixel rounded
// corners
m.addBar(0, value, 0x0088ff, Chart.glassEffect(Chart.NormalGlare, Chart.Left), 4);
// Add a 6-pixel thick smooth color scale at x = 53 (right of meter scale)
m.addColorScale(smoothColorScale, 53, 6);
}
else if (chartIndex == 1)
{
// Add a green (0x00cc00) bar from 0 to value with bar lighting effect and 4 pixel
// rounded corners
m.addBar(0, value, 0x00cc00, Chart.barLighting(), 4);
// Add a high only color scale at x = 52 (right of meter scale) with thickness varying
// from 0 to 8
m.addColorScale(highColorScale, 52, 0, 52, 8);
// Add a low only color scale at x = 52 (right of meter scale) with thickness varying
// from 8 to 0
m.addColorScale(lowColorScale, 52, 8, 52, 0);
}
else if (chartIndex == 2)
{
// Add a purple (0x0088ff) bar from 0 to value with glass effect and 4 pixel rounded
// corners
m.addBar(0, value, 0x8833dd, Chart.glassEffect(Chart.NormalGlare, Chart.Left), 4);
// Add a high only color scale at x = 52 (right of meter scale) with thickness varying
// from 0 to 8
m.addColorScale(highColorScale, 52, 0, 52, 8);
}
else if (chartIndex == 3)
{
// Add a orange (0xff8800) bar from 0 to value with cylinder lighting effect
m.addBar(0, value, 0xff8800, Chart.cylinderEffect());
// Add a high only color scale at x = 53 (right of meter scale)
m.addColorScale(highColorScale, 53, 6);
}
else if (chartIndex == 4)
{
// Add a red (0xee3333) bar from 0 to value with glass effect and 4 pixel rounded corners
m.addBar(0, value, 0xee3333, Chart.glassEffect(Chart.NormalGlare, Chart.Left), 4);
// Add a step color scale at x = 53 (right of meter scale)
m.addColorScale(stepColorScale, 53, 6);
}
else
{
// Add a grey (0xaaaaaa) bar from 0 to value
m.addBar(0, value, 0xaaaaaa);
// Add a smooth color scale at x = 52 (right of meter scale) with thickness varying from
// 0 to 8
m.addColorScale(smoothColorScale, 52, 0, 52, 8);
}
// Add a title using 8pt Arial Bold font with grey (0xbbbbbb) background
m.addTitle("Temp C", "Arial Bold", 8, Chart.TextColor).setBackground(0xbbbbbb);
// Add a text box at the bottom-center. Display the value using white (0xffffff) 8pt Arial
// Bold font on a black (0x000000) background with rounded border.
ChartDirector.TextBox t = m.addText(m.getWidth() / 2, m.getHeight() - 8, m.formatValue(value,
"2"), "Arial Bold", 8, 0xffffff, Chart.Bottom);
t.setBackground(0x000000);
t.setRoundedCorners(3);
t.setMargin2(5, 5, 2, 1);
// Output the chart
viewer.Image = m.makeWebImage(Chart.PNG);
}
//Main code for creating charts
public void createChart(WPFChartViewer viewer, int chartIndex)
{
// The value to display on the meter
double value = 75.35;
// Create a LinearMeter object of size 250 x 75 pixels with very light grey (0xeeeeee)
// backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame
LinearMeter m = new LinearMeter(70, 260, 0xeeeeee, 0xcccccc);
m.setRoundedFrame(Chart.Transparent);
m.setThickFrame(3);
// Set the scale region top-left corner at (28, 30), with size of 20 x 196 pixels. The
// scale labels are located on the left (default - implies vertical meter)
m.setMeter(28, 30, 20, 196);
// Set meter scale from 0 - 100, with a tick every 10 units
m.setScale(0, 100, 10);
// Demostrate different types of color scales and putting them at different positions
double[] smoothColorScale = { 0, 0x6666ff, 25, 0x00bbbb, 50, 0x00ff00, 75, 0xffff00, 100,
0xff0000 };
double[] stepColorScale = { 0, 0x33ff33, 50, 0xffff33, 80, 0xff3333, 100 };
double[] highLowColorScale = { 0, 0x6666ff, 70, Chart.Transparent, 100, 0xff0000 };
if (chartIndex == 0)
{
// Add the smooth color scale at the default position
m.addColorScale(smoothColorScale);
}
else if (chartIndex == 1)
{
// Add the step color scale at the default position
m.addColorScale(stepColorScale);
}
else if (chartIndex == 2)
{
// Add the high low scale at the default position
m.addColorScale(highLowColorScale);
}
else if (chartIndex == 3)
{
// Add the smooth color scale starting at x = 28 (left of scale) with zero width and
// ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 28, 0, 28, 20);
}
else if (chartIndex == 4)
{
// Add the smooth color scale starting at x = 38 (center of scale) with zero width
// and ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 38, 0, 28, 20);
}
else
{
// Add the smooth color scale starting at x = 48 (right of scale) with zero width
// and ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 48, 0, 28, 20);
}
// In this demo, we demostrate pointers of different shapes
if (chartIndex < 3)
{
// Add a blue (0x0000cc) pointer of default shape at the specified value
m.addPointer(value, 0x0000cc);
}
else
{
// Add a blue (0x0000cc) pointer of triangular shape the specified value
m.addPointer(value, 0x0000cc).setShape(Chart.TriangularPointer, 0.7, 0.5);
}
// Add a title using 8pt Arial Bold font with a border color background
m.addTitle("Temp C", "Arial Bold", 8, Chart.TextColor).setBackground(0xcccccc);
// Add a text box at the bottom-center. Display the value using white (0xffffff) 8pt
// Arial Bold font on a black (0x000000) background with rounded border.
ChartDirector.TextBox t = m.addText(m.getWidth() / 2, m.getHeight() - 8, m.formatValue(
value, "2"), "Arial Bold", 8, 0xffffff, Chart.Bottom);
t.setBackground(0x000000);
t.setRoundedCorners(3);
t.setMargin2(5, 5, 2, 1);
// Output the chart
viewer.Chart = m;
}
//Main code for creating charts
public void createChart(WinChartViewer viewer, int chartIndex)
{
// The value to display on the meter
double value = 74.25;
// Create a LinearMeter object of size 70 x 260 pixels with black background and rounded
// corners
LinearMeter m = new LinearMeter(70, 260, 0x000000);
m.setRoundedFrame(Chart.Transparent);
// Set the default text and line colors to white (0xffffff)
m.setColor(Chart.TextColor, 0xffffff);
m.setColor(Chart.LineColor, 0xffffff);
// Set the scale region top-left corner at (28, 30), with size of 20 x 196 pixels. The
// scale labels are located on the left (default - implies vertical meter)
m.setMeter(28, 30, 20, 196);
// Set meter scale from 0 - 100, with a tick every 10 units
m.setScale(0, 100, 10);
// The tick line width to 1 pixel
m.setLineWidth(0, 1);
// Demostrate different types of color scales and putting them at different positions
double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100,
0xff0000 };
double[] stepColorScale = { 0, 0x00cc00, 50, 0xeecc00, 80, 0xdd0000, 100 };
double[] highLowColorScale = { 0, 0x0000ff, 70, Chart.Transparent, 100, 0xff0000 };
if (chartIndex == 0)
{
// Add the smooth color scale at the default position
m.addColorScale(smoothColorScale);
}
else if (chartIndex == 1)
{
// Add the step color scale at the default position
m.addColorScale(stepColorScale);
}
else if (chartIndex == 2)
{
// Add the high low scale at the default position
m.addColorScale(highLowColorScale);
}
else if (chartIndex == 3)
{
// Add the smooth color scale starting at x = 28 (left of scale) with zero width and
// ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 28, 0, 28, 20);
}
else if (chartIndex == 4)
{
// Add the smooth color scale starting at x = 38 (center of scale) with zero width
// and ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 38, 0, 28, 20);
}
else
{
// Add the smooth color scale starting at x = 48 (right of scale) with zero width
// and ending at x = 28 with 20 pixels width
m.addColorScale(smoothColorScale, 48, 0, 28, 20);
}
// Add a blue (0x0000cc) pointer with white (0xffffff) border at the specified value
m.addPointer(value, 0x0000cc, 0xffffff);
// Add a label at the top-center using 8pt Arial Bold font
m.addText(m.getWidth() / 2, 5, "Temp C", "Arial Bold", 8, Chart.TextColor, Chart.Top);
// Add a text box at the bottom-center. Display the value using white (0xffffff) 8pt
// Arial Bold font on a black (0x000000) background with depressed grey (0x444444)
// rounded border.
ChartDirector.TextBox t = m.addText(m.getWidth() / 2, m.getHeight() - 7, m.formatValue(
value, "2"), "Arial Bold", 8, 0xffffff, Chart.Bottom);
t.setBackground(0x000000, 0x444444, -1);
t.setRoundedCorners(3);
// Output the chart
viewer.Chart = m;
}
