//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 value to display on the meter double value = 74.25; // Create an LinearMeter object of size 250 x 65 pixels with a very light grey // (0xeeeeee) background, and a rounded 3-pixel thick light grey (0xcccccc) border LinearMeter m = new LinearMeter(250, 65, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (14, 23), with size of 218 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(14, 23, 218, 20, Chart.Top); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a smooth color scale to the meter double[] smoothColorScale = { 0, 0x6666ff, 25, 0x00bbbb, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale); // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // Output the chart viewer.Chart = m; }
// // Create chart // private void createChart(RazorChartViewer viewer) { // The value to display on the meter double value = 74.35; // Create an LinearMeter object of size 70 x 240 pixels with a very light grey (0xeeeeee) // background, and a rounded 3-pixel thick light grey (0xcccccc) border LinearMeter m = new LinearMeter(70, 240, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (28, 18), with size of 20 x 205 pixels. The scale // labels are located on the left (default - implies vertical meter). m.setMeter(28, 18, 20, 205); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a smooth color scale to the meter double[] smoothColorScale = { 0, 0x6666ff, 25, 0x00bbbb, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale); // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // Output the chart viewer.Image = m.makeWebImage(Chart.PNG); }
//Main code for creating chart. //Note: the argument chartIndex is unused because this demo only has 1 chart. public void createChart(WinChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 75.35; // Create an LinearMeter object of size 260 x 66 pixels with a very light grey // (0xeeeeee) background, and a rounded 3-pixel thick light grey (0xaaaaaa) border LinearMeter m = new LinearMeter(260, 66, 0xeeeeee, 0xaaaaaa); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (18, 24), with size of 222 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(18, 24, 222, 20, Chart.Top); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a 5-pixel thick smooth color scale to the meter at y = 48 (below the meter scale) double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale, 48, 5); // Add a light blue (0x0088ff) bar from 0 to the data value with glass effect and 4 // pixel rounded corners m.addBar(0, value, 0x0088ff, Chart.glassEffect(Chart.NormalGlare, Chart.Top), 4); // Output the chart viewer.Chart = m; }
//Main code for creating chart. //Note: the argument chartIndex is unused because this demo only has 1 chart. public void createChart(WinChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 66.77; // Create an LinearMeter object of size 70 x 240 pixels with a very light grey // (0xeeeeee) background, and a rounded 3-pixel thick light grey (0xbbbbbb) border LinearMeter m = new LinearMeter(70, 240, 0xeeeeee, 0xbbbbbb); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (28, 18), with size of 20 x 205 pixels. The // scale labels are located on the left (default - implies vertical meter). m.setMeter(28, 18, 20, 205); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a 5-pixel thick smooth color scale to the meter at x = 54 (right of meter scale) double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale, 54, 5); // Add a light blue (0x0088ff) bar from 0 to the data value with glass effect and 4 // pixel rounded corners m.addBar(0, value, 0x0088ff, Chart.glassEffect(Chart.NormalGlare, Chart.Left), 4); // Output the chart viewer.Chart = m; }
//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 values to display on the meter double value0 = 30.99; double value1 = 45.35; double value2 = 77.64; // Create an LinearMeter object of size 250 x 75 pixels, using silver // background with a 2 pixel black 3D depressed border. LinearMeter m = new LinearMeter(250, 75, Chart.silverColor(), 0, -2); // Set the scale region top-left corner at (15, 25), with size of 220 x // 20 pixels. The scale labels are located on the top (implies horizontal // meter) m.setMeter(15, 25, 220, 20, Chart.Top); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Set 0 - 50 as green (99ff99) zone, 50 - 80 as yellow (ffff66) zone, // and 80 - 100 as red (ffcccc) zone m.addZone(0, 50, 0x99ff99); m.addZone(50, 80, 0xffff66); m.addZone(80, 100, 0xffcccc); // Add deep red (000080), deep green (008000) and deep blue (800000) // pointers to reflect the values m.addPointer(value0, 0x000080); m.addPointer(value1, 0x008000); m.addPointer(value2, 0x800000); // Add a label at bottom-left (10, 68) using Arial Bold/8 pts/red // (c00000) m.addText(10, 68, "Temp C", "Arial Bold", 8, 0xc00000, Chart.BottomLeft); // Add three text boxes to show the values in this meter m.addText(148, 70, m.formatValue(value0, "2"), "Arial", 8, 0x6666ff, Chart.BottomRight).setBackground(0, 0, -1); m.addText(193, 70, m.formatValue(value1, "2"), "Arial", 8, 0x33ff33, Chart.BottomRight).setBackground(0, 0, -1); m.addText(238, 70, m.formatValue(value2, "2"), "Arial", 8, 0xff3333, Chart.BottomRight).setBackground(0, 0, -1); // Output the chart viewer.Image = m.makeImage(); }
//Main code for creating charts public void createChart(WinChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 74.25; // Bar colors of the meters int[] barColor = { 0x2299ff, 0x00ee00, 0xaa66ee, 0xff7711 }; // Create a LinearMeter object of size 70 x 240 pixels with very light grey (0xeeeeee) // backgruond and a grey (0xaaaaaa) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(70, 240, 0xeeeeee, 0xaaaaaa); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // This example demonstrates putting the text labels at the left or right side of the // meter scale, and putting the color scale on the same side as the labels or on // opposite side. int[] alignment = { Chart.Left, Chart.Left, Chart.Right, Chart.Right }; int[] meterXPos = { 28, 38, 12, 21 }; int[] labelGap = { 2, 12, 10, 2 }; int[] colorScalePos = { 53, 28, 36, 10 }; // Configure the position of the meter scale and which side to put the text labels m.setMeter(meterXPos[chartIndex], 18, 20, 205, alignment[chartIndex]); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // To put the color scale on the same side as the text labels, we need to increase the // gap between the labels and the meter scale to make room for the color scale m.setLabelPos(false, labelGap[chartIndex]); // Add a smooth color scale to the meter double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100, 0xff0000 }; m.addColorScale(smoothColorScale, colorScalePos[chartIndex], 6); // Add a bar from 0 to value with glass effect and 4 pixel rounded corners m.addBar(0, value, barColor[chartIndex], Chart.glassEffect(Chart.NormalGlare, Chart.Left ), 4); // Output the chart viewer.Chart = m; }
//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 value to display on the meter double value = 85; // Create an LinearMeter object of size 210 x 45 pixels, using silver // background with a 2 pixel black 3D depressed border. LinearMeter m = new LinearMeter(210, 45, Chart.silverColor(), 0, -2); // Set the scale region top-left corner at (5, 5), with size of 200 x 20 // pixels. The scale labels are located on the bottom (implies horizontal // meter) m.setMeter(5, 5, 200, 20, Chart.Bottom); // Set meter scale from 0 - 100 m.setScale(0, 100); // Add a title at the bottom of the meter with a 1 pixel raised 3D border m.addTitle2(Chart.Bottom, "Battery Level", "Arial Bold", 8 ).setBackground(Chart.Transparent, -1, 1); // Set 3 zones of different colors to represent Good/Weak/Bad data ranges m.addZone(50, 100, 0x99ff99, "Good"); m.addZone(20, 50, 0xffff66, "Weak"); m.addZone(0, 20, 0xffcccc, "Bad"); // Add empty labels (just need the ticks) at 0/20/50/80 as separators for // zones m.addLabel(0, " "); m.addLabel(20, " "); m.addLabel(50, " "); m.addLabel(100, " "); // Add a semi-transparent blue (800000ff) pointer at the specified value, // using triangular pointer shape m.addPointer(value, unchecked ((int)0x800000ff)).setShape( Chart.TriangularPointer); // Output the chart viewer.Image = m.makeImage(); }
//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 value to display on the meter double value = 75.35; // Create an LinearMeter object of size 60 x 265 pixels, using silver // background with a 2 pixel black 3D depressed border. LinearMeter m = new LinearMeter(60, 265, Chart.silverColor(), 0, -2); // Set the scale region top-left corner at (25, 30), with size of 20 x // 200 pixels. The scale labels are located on the left (default - // implies vertical meter) m.setMeter(25, 30, 20, 200); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Set 0 - 50 as green (99ff99) zone, 50 - 80 as yellow (ffff66) zone, // and 80 - 100 as red (ffcccc) zone m.addZone(0, 50, 0x99ff99); m.addZone(50, 80, 0xffff66); m.addZone(80, 100, 0xffcccc); // Add a deep blue (000080) pointer at the specified value m.addPointer(value, 0x000080); // Add a text box label at top-center (30, 5) using Arial Bold/8 pts/deep // blue (000088), with a light blue (9999ff) background m.addText(30, 5, "Temp C", "Arial Bold", 8, 0x000088, Chart.TopCenter ).setBackground(0x9999ff); // Add a text box to show the value formatted to 2 decimal places at // bottom center (30, 260). Use white text on black background with a 1 // pixel depressed 3D border. m.addText(30, 260, m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.BottomCenter).setBackground(0, 0, -1); // Output the chart viewer.Image = m.makeImage(); }
//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 value to display on the meter double value = 75.35; // Create an LinearMeter object of size 250 x 75 pixels, using silver // background with a 2 pixel black 3D depressed border. LinearMeter m = new LinearMeter(250, 75, Chart.silverColor(), 0, -2); // Set the scale region top-left corner at (15, 25), with size of 200 x // 50 pixels. The scale labels are located on the top (implies horizontal // meter) m.setMeter(15, 25, 220, 20, Chart.Top); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Set 0 - 50 as green (99ff99) zone, 50 - 80 as yellow (ffff66) zone, // and 80 - 100 as red (ffcccc) zone m.addZone(0, 50, 0x99ff99); m.addZone(50, 80, 0xffff66); m.addZone(80, 100, 0xffcccc); // Add a blue (0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // Add a label at bottom-left (10, 68) using Arial Bold/8 pts/red // (c00000) m.addText(10, 68, "Temperature C", "Arial Bold", 8, 0xc00000, Chart.BottomLeft); // Add a text box to show the value formatted to 2 decimal places at // bottom right. Use white text on black background with a 1 pixel // depressed 3D border. m.addText(238, 70, m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.BottomRight).setBackground(0, 0, -1); // Output the chart viewer.Image = m.makeImage(); }
public ServoSimulator(byte posId, byte enableId, LinearMeter meter) { PositionRegister = new ReadableRegister <UInt16Data>(posId, 0f); EnableRegister = new ReadableRegister <BoolData>(enableId, 0f); this.meter = meter; originalBgColor = meter.BackColor; originalMeterColor = meter.MeterColor; dimmedBgColor = Color.FromArgb( originalBgColor.A / 2, originalBgColor.R / 2, originalBgColor.G / 2, originalBgColor.B / 2 ); dimmedMeterColor = Color.FromArgb( originalMeterColor.A / 2, originalMeterColor.R / 2, originalMeterColor.G / 2, originalMeterColor.B / 2 ); if (meter.Maximum < ushort.MaxValue) { meter.Maximum = ushort.MaxValue; meter.Value = ushort.MaxValue; meter.Minimum = ushort.MinValue; } else { meter.Minimum = ushort.MinValue; meter.Value = meter.Minimum; meter.Maximum = ushort.MaxValue; } meter.Value = (MaximumValue - MinimumValue) / 2 + MinimumValue; meter.Maximum = MaximumValue; meter.Minimum = MinimumValue; Update(); }
//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 values to display on the meter double value0 = 30.99; double value1 = 45.35; double value2 = 77.64; // Create an LinearMeter object of size 60 x 245 pixels, using silver // background with a 2 pixel black 3D depressed border. LinearMeter m = new LinearMeter(60, 245, Chart.silverColor(), 0, -2); // Set the scale region top-left corner at (25, 30), with size of 20 x // 200 pixels. The scale labels are located on the left (default - // implies vertical meter) m.setMeter(25, 30, 20, 200); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Set 0 - 50 as green (99ff99) zone, 50 - 80 as yellow (ffff66) zone, // and 80 - 100 as red (ffcccc) zone m.addZone(0, 50, 0x99ff99); m.addZone(50, 80, 0xffff66); m.addZone(80, 100, 0xffcccc); // Add deep red (000080), deep green (008000) and deep blue (800000) // pointers to reflect the values m.addPointer(value0, 0x000080); m.addPointer(value1, 0x008000); m.addPointer(value2, 0x800000); // Add a text box label at top-center (30, 5) using Arial Bold/8 pts/deep // blue (000088), with a light blue (9999ff) background m.addText(30, 5, "Temp C", "Arial Bold", 8, 0x000088, Chart.TopCenter ).setBackground(0x9999ff); // Output the chart viewer.Image = m.makeImage(); }
//Main code for creating charts public void createChart(WinChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 75.35; // Create a LinearMeter object of size 70 x 240 pixels with very light grey (0xeeeeee) // backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(70, 240, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // This example demonstrates putting the text labels at the left or right side by // setting the label alignment and scale position. if (chartIndex == 0) { m.setMeter(28, 18, 20, 205, Chart.Left); } else { m.setMeter(20, 18, 20, 205, Chart.Right); } // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a smooth color scale to the meter double[] smoothColorScale = { 0, 0x6666ff, 25, 0x00bbbb, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale); // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // 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(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; }
// // 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 250 x 75 pixels with very light grey (0xeeeeee) // backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(250, 75, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (14, 23), with size of 218 x 20 pixels. The scale // labels are located on the top (implies horizontal meter) m.setMeter(14, 23, 218, 20, Chart.Top); // 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 high low scale at the default position m.addColorScale(highLowColorScale); } else if (chartIndex == 2) { // Add the smooth color scale starting at y = 43 (bottom of scale) with zero width and // ending at y = 23 with 20 pixels width m.addColorScale(smoothColorScale, 43, 0, 23, 20); } else { // Add the step color scale at the default position m.addColorScale(stepColorScale); } // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // Add a label left aligned to (10, 61) using 8pt Arial Bold font m.addText(10, 61, "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Left); // Add a text box right aligned to (235, 61). Display the value using white (0xffffff) 8pt // Arial Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(235, 61, m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff, Chart.Right); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); // Output the chart viewer.Image = m.makeWebImage(Chart.PNG); }
//Main code for creating charts public void createChart(WinChartViewer 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 black background and rounded // corners LinearMeter m = new LinearMeter(250, 75, 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 (14, 23), with size of 218 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(14, 23, 218, 20, Chart.Top); // 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 smooth color scale starting at y = 23 (top of scale) with zero width and // ending at y = 23 with 20 pixels width m.addColorScale(smoothColorScale, 23, 0, 23, 20); } 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 y = 33 (center of scale) with zero width // and ending at y = 23 with 20 pixels width m.addColorScale(smoothColorScale, 33, 0, 23, 20); } else if (chartIndex == 4) { // Add the step color scale at the default position m.addColorScale(stepColorScale); } else { // Add the smooth color scale starting at y = 43 (bottom of scale) with zero width // and ending at y = 23 with 20 pixels width m.addColorScale(smoothColorScale, 43, 0, 23, 20); } // Add a blue (0x0000cc) pointer with white (0xffffff) border at the specified value m.addPointer(value, 0x0000cc, 0xffffff); // Add a label left aligned to (10, 61) using 8pt Arial Bold font m.addText(10, 61, "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Left); // Add a text box right aligned to (235, 61). 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(235, 61, m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff, Chart.Right); t.setBackground(0x000000, 0x444444, -1); t.setRoundedCorners(3); // 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 = 75.35; // Create a LinearMeter object of size 260 x 80 pixels with very light grey (0xeeeeee) // backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(260, 80, 0xeeeeee, 0xaaaaaa); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (18, 24), with size of 222 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(18, 24, 222, 20, Chart.Top); // 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[] 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.Top), 4); // Add a 5-pixel thick smooth color scale at y = 48 (below the meter scale) m.addColorScale(smoothColorScale, 48, 5); } else if (chartIndex == 1) { // Add a green (0x00cc00) bar from 0 to value with bar lighting effect m.addBar(0, value, 0x00cc00, Chart.barLighting()); // Add a 5-pixel thick step color scale at y = 48 (below the meter scale) m.addColorScale(stepColorScale, 48, 5); } else if (chartIndex == 2) { // Add a purple (0x8833dd) bar from 0 to value with glass effect and 4 pixel rounded // corners m.addBar(0, value, 0x8833dd, Chart.glassEffect(Chart.NormalGlare, Chart.Top), 4); // Add a 5-pixel thick high/low color scale at y = 48 (below the meter scale) m.addColorScale(highLowColorScale, 48, 5); } else if (chartIndex == 3) { // Add an 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 y = 48 (below the meter scale) with thickness // varying from 0 to 8 m.addColorScale(highColorScale, 48, 0, 48, 8); } 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.Top), 4); // Add a 5-pixel thick smooth color scale at y = 48 (below the meter scale) m.addColorScale(smoothColorScale, 48, 5); } else { // Add a grey (0xaaaaaa) bar from 0 to value m.addBar(0, value, 0xaaaaaa); // Add a 5-pixel thick step color scale at y = 48 (below the meter scale) m.addColorScale(stepColorScale, 48, 5); } // Add a label right aligned to (243, 65) using 8pt Arial Bold font m.addText(243, 65, "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Right); // Add a text box left aligned to (18, 65). Display the value using white (0xffffff) 8pt // Arial Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(18, 65, m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.Left); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); // Output the chart viewer.Chart = m; }
//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(WPFChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 74.25; // The background and border colors of the meters int[] bgColor = { 0xbbddff, 0xccffcc, 0xffccff, 0xffffaa, 0xffdddd, 0xeeeeee }; int[] borderColor = { 0x000088, 0x006600, 0x6600aa, 0xee6600, 0x880000, 0x666666 }; // Create a LinearMeter object of size 70 x 260 pixels with a 3-pixel thick rounded // frame LinearMeter m = new LinearMeter(70, 260, bgColor[chartIndex], borderColor[chartIndex]); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (28, 30), with size of 20 x 200 pixels. The // scale labels are located on the left (default - implies vertical meter) m.setMeter(28, 30, 20, 200); // 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); } // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // Add a title using white (0xffffff) 8pt Arial Bold font with a border color background m.addTitle("Temp C", "Arial Bold", 8, 0xffffff).setBackground(borderColor[chartIndex]); // Add a bottom title using white (0xffffff) 8pt Arial Bold font with a border color // background to display the value m.addTitle2(Chart.Bottom, m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff ).setBackground(borderColor[chartIndex]); // Output the chart viewer.Chart = m; }
// // Create chart // private void createChart(RazorChartViewer viewer, int chartIndex) { // The value to display on the meter double value = 75.35; // The bar colors for the meters int[] barColor = { 0x0088ff, 0x00cc00, 0x8833dd, 0xff8800 }; // Create a LinearMeter object of size 260 x 80 pixels with very light grey (0xeeeeee) // backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(260, 80, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // This example demonstrates putting the text labels at the top or bottom. This is by setting // the label alignment, as well as the scale, color scale and label positions. int[] alignment = { Chart.Top, Chart.Top, Chart.Bottom, Chart.Bottom }; int[] meterYPos = { 24, 24, 36, 36 }; int[] labelYPos = { 65, 65, 16, 16 }; int[] colorScalePos = { 48, 48, 27, 27 }; // Set the scale region m.setMeter(18, meterYPos[chartIndex], 222, 20, alignment[chartIndex]); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a 5-pixel thick smooth color scale double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100, 0xff0000 }; m.addColorScale(smoothColorScale, colorScalePos[chartIndex], 5); // Add a bar from 0 to value with glass effect and 4 pixel rounded corners m.addBar(0, value, barColor[chartIndex], Chart.glassEffect(Chart.NormalGlare, Chart.Top), 4); // // In this example, some charts have the "Temperauture" label on the left side and the value // readout on the right side, and some charts have the reverse // if (chartIndex % 2 == 0) { // Add a label on the left side using 8pt Arial Bold font m.addText(15, labelYPos[chartIndex], "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Left); // Add a text box on the right side. Display the value using white (0xffffff) 8pt Arial // Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(240, labelYPos[chartIndex], m.formatValue(value, "2" ), "Arial", 8, 0xffffff, Chart.Right); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); } else { // Add a label on the right side using 8pt Arial Bold font m.addText(243, labelYPos[chartIndex], "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Right); // Add a text box on the left side. Display the value using white (0xffffff) 8pt Arial // Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(18, labelYPos[chartIndex], m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.Left); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); } // 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 260 x 80 pixels with black background and rounded // corners LinearMeter m = new LinearMeter(260, 80, 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 (15, 24), with size of 228 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(15, 24, 228, 20, Chart.Top); // 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, 0xff3333, 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.Top), 4); // Add a 5-pixel thick smooth color scale at y = 48 (below the meter scale) m.addColorScale(smoothColorScale, 48, 5); } else if (chartIndex == 1) { // Add a purple (0xaa66ff) bar from 0 to value m.addBar(0, value, 0xaa66ff); // Add a 4 pixel thick purple (0x880088) frame m.setThickFrame(4, 0x880088); // Add a 5-pixel thick high/low color scale at y = 48 (below the meter scale) m.addColorScale(highLowColorScale, 48, 5); } else if (chartIndex == 2) { // Add a green (0x00ee00) bar from 0 to value with right side soft lighting effect // and 4 pixel rounded corners m.addBar(0, value, 0x00ee00, Chart.softLighting(Chart.Right), 4); // Add a 5-pixel thick step color scale at y = 48 (below the meter scale) m.addColorScale(stepColorScale, 48, 5); } else if (chartIndex == 3) { // Add an orange (0xff8800) bar from 0 to value with cylinder lighting effect m.addBar(0, value, 0xff8800, Chart.cylinderEffect()); // Add a 4 pixel thick brown (0xbb5500) frame m.setThickFrame(4, 0xbb5500); // Add a 5-pixel thick high only color scale at y = 48 (below the meter scale) m.addColorScale(highColorScale, 48, 5); } else if (chartIndex == 4) { // Add a magneta (0xdd00dd) bar from 0 to value with top side soft lighting effect // and 4 pixel rounded corners m.addBar(0, value, 0xdd00dd, Chart.softLighting(Chart.Top), 4); // Add a 5-pixel thick smooth color scale at y = 48 (below the meter scale) m.addColorScale(smoothColorScale, 48, 5); } else { // Add a red (0xff0000) bar from 0 to value with bar lighting effect m.addBar(0, value, 0xff0000, Chart.barLighting()); // Add a 4 pixel thick red (0xaa0000) frame m.setThickFrame(4, 0xaa0000); // Add a 5-pixel thick high/low color scale at y = 48 (below the meter scale) m.addColorScale(highLowColorScale, 48, 5); } // Add a label left aligned to (12, 65) using 8pt Arial Bold font m.addText(12, 65, "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Left); // Add a text box right aligned to (243, 65). Display the value using white (0xffffff) // 8pt Arial Bold font on a black (0x000000) background with depressed dark grey // (0x333333) rounded border. ChartDirector.TextBox t = m.addText(243, 65, m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.Right); t.setBackground(0x000000, 0x333333, -1); t.setRoundedCorners(3); // Output the chart viewer.Chart = m; }
//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; }
//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 250 x 75 pixels with very light grey (0xeeeeee) // backgruond and a light grey (0xccccccc) 3-pixel thick rounded frame LinearMeter m = new LinearMeter(250, 75, 0xeeeeee, 0xcccccc); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // This example demonstrates putting the text labels at the top or bottom. This is by // setting the label alignment, scale position and label position. int[] alignment = { Chart.Top, Chart.Top, Chart.Bottom, Chart.Bottom }; int[] meterYPos = { 23, 23, 34, 34 }; int[] labelYPos = { 61, 61, 15, 15 }; // Set the scale region m.setMeter(14, meterYPos[chartIndex], 218, 20, alignment[chartIndex]); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); // Add a smooth color scale at the default position double[] smoothColorScale = { 0, 0x6666ff, 25, 0x00bbbb, 50, 0x00ff00, 75, 0xffff00, 100, 0xff0000 }; m.addColorScale(smoothColorScale); // Add a blue (0x0000cc) pointer at the specified value m.addPointer(value, 0x0000cc); // // In this example, some charts have the "Temperauture" label on the left side and the // value readout on the right side, and some charts have the reverse // if (chartIndex % 2 == 0) { // Add a label on the left side using 8pt Arial Bold font m.addText(10, labelYPos[chartIndex], "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Left); // Add a text box on the right side. Display the value using white (0xffffff) 8pt // Arial Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(235, labelYPos[chartIndex], m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff, Chart.Right); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); } else { // Add a label on the right side using 8pt Arial Bold font m.addText(237, labelYPos[chartIndex], "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Right); // Add a text box on the left side. Display the value using white (0xffffff) 8pt // Arial Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(11, labelYPos[chartIndex], m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff, Chart.Left); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); } // 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 = 75.35; // The background, border and bar colors of the meters int[] bgColor = { 0xbbddff, 0xccffcc, 0xffddff, 0xffffaa, 0xffdddd, 0xeeeeee }; int[] borderColor = { 0x000088, 0x006600, 0x880088, 0xee6600, 0x880000, 0x666666 }; int[] barColor = { 0x0088ff, 0x00cc00, 0x8833dd, 0xff8800, 0xee3333, 0x888888 }; // Create a LinearMeter object of size 260 x 80 pixels with a 3-pixel thick rounded // frame LinearMeter m = new LinearMeter(260, 80, bgColor[chartIndex], borderColor[chartIndex]); m.setRoundedFrame(Chart.Transparent); m.setThickFrame(3); // Set the scale region top-left corner at (18, 24), with size of 222 x 20 pixels. The // scale labels are located on the top (implies horizontal meter) m.setMeter(18, 24, 222, 20, Chart.Top); // Set meter scale from 0 - 100, with a tick every 10 units m.setScale(0, 100, 10); if (chartIndex % 4 == 0) { // Add a 5-pixel thick smooth color scale at y = 48 (below the meter scale) double[] smoothColorScale = { 0, 0x0000ff, 25, 0x0088ff, 50, 0x00ff00, 75, 0xdddd00, 100, 0xff0000 }; m.addColorScale(smoothColorScale, 48, 5); } else if (chartIndex % 4 == 1) { // Add a 5-pixel thick step color scale at y = 48 (below the meter scale) double[] stepColorScale = { 0, 0x00cc00, 50, 0xffdd00, 80, 0xff3333, 100 }; m.addColorScale(stepColorScale, 48, 5); } else if (chartIndex % 4 == 2) { // Add a 5-pixel thick high/low color scale at y = 48 (below the meter scale) double[] highLowColorScale = { 0, 0x0000ff, 40, Chart.Transparent, 60, Chart.Transparent, 100, 0xff0000 }; m.addColorScale(highLowColorScale, 48, 5); } else { // Add a 5-pixel thick high only color scale at y = 48 (below the meter scale) double[] highColorScale = { 70, Chart.Transparent, 100, 0xff0000 }; m.addColorScale(highColorScale, 48, 0, 48, 8); } // Add a bar from 0 to value with glass effect and 4 pixel rounded corners m.addBar(0, value, barColor[chartIndex], Chart.glassEffect(Chart.NormalGlare, Chart.Top ), 4); // Add a label right aligned to (243, 65) using 8pt Arial Bold font m.addText(243, 65, "Temperature C", "Arial Bold", 8, Chart.TextColor, Chart.Right); // Add a text box left aligned to (18, 65). Display the value using white (0xffffff) 8pt // Arial Bold font on a black (0x000000) background with depressed rounded border. ChartDirector.TextBox t = m.addText(18, 65, m.formatValue(value, "2"), "Arial", 8, 0xffffff, Chart.Left); t.setBackground(0x000000, 0x000000, -1); t.setRoundedCorners(3); // 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 = 66.77; // The background, border and bar colors of the meters int[] bgColor = { 0xcce4ff, 0xccffcc, 0xffdddd, 0xffffaa, 0xffccff, 0xeeeeee }; int[] borderColor = { 0x000088, 0x006600, 0x880000, 0xee6600, 0x6600aa, 0x666666 }; int[] barColor = { 0x2299ff, 0x00ee00, 0xee4455, 0xff8800, 0x8833dd, 0x888888 }; // Create a LinearMeter object of size 70 x 260 pixels with a 3-pixel thick rounded // frame LinearMeter m = new LinearMeter(70, 260, bgColor[chartIndex], borderColor[chartIndex]); 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, 0x33ff33, 50, 0xffff00, 80, 0xff3333, 100 }; double[] highLowColorScale = { 0, 0x0000ff, 40, Chart.Transparent, 60, Chart.Transparent, 100, 0xff0000 }; double[] highColorScale = { 70, Chart.Transparent, 100, 0xff0000 }; double[] lowColorScale = { 0, 0x0000ff, 30, Chart.Transparent }; if (chartIndex == 0) { // 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 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 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 smooth color scale at x = 52 (right of meter scale) with thickness varying // from 0 to 8 m.addColorScale(smoothColorScale, 52, 0, 52, 8); } else if (chartIndex == 4) { // Add a 6-pixel thick high/low color scale at x = 53 (right of meter scale) m.addColorScale(highLowColorScale, 53, 6); } else { // Add a 6-pixel thick step color scale at x = 53 (right of meter scale) m.addColorScale(stepColorScale, 53, 6); } // Add a bar from 0 to value with glass effect and 4 pixel rounded corners m.addBar(0, value, barColor[chartIndex], Chart.glassEffect(Chart.NormalGlare, Chart.Left ), 4); // Add a title using white (0xffffff) 8pt Arial Bold font with a border color background m.addTitle("Temp C", "Arial Bold", 8, 0xffffff).setBackground(borderColor[chartIndex]); // Add a bottom title using white (0xffffff) 8pt Arial Bold font with a border color // background to display the value m.addTitle2(Chart.Bottom, m.formatValue(value, "2"), "Arial Bold", 8, 0xffffff ).setBackground(borderColor[chartIndex]); // Output the chart viewer.Chart = m; }