//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 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; }
//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; }