Пример #1
0
        //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 AugularMeter object of size 70 x 90 pixels, using black
            // background with a 2 pixel 3D depressed border.
            AngularMeter m = new AngularMeter(70, 90, 0, 0, -2);

            // Use white on black color palette for default text and line colors
            m.setColors(Chart.whiteOnBlackPalette);

            // Set the meter center at (10, 45), with radius 50 pixels, and span from
            // 135 to 45 degress
            m.setMeter(10, 45, 50, 135, 45);

            // Set meter scale from 0 - 100, with the specified labels
            m.setScale2(0, 100, new string[] { "E", " ", " ", " ", "F" });

            // Set the angular arc and major tick width to 2 pixels
            m.setLineWidth(2, 2);

            // Add a red zone at 0 - 15
            m.addZone(0, 15, 0xff3333);

            // Add an icon at (25, 35)
            m.addText(25, 35, "<*img=gas.gif*>");

            // Add a yellow (ffff00) pointer at the specified value
            m.addPointer(value, 0xffff00);

            // Output the chart
            viewer.Image = m.makeImage();
        }
Пример #2
0
        //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)
        {
            // Create an AugularMeter object of size 200 x 200 pixels
            AngularMeter m = new AngularMeter(200, 200);

            // Use white on black color palette for default text and line colors
            m.setColors(Chart.whiteOnBlackPalette);

            // Set the meter center at (100, 100), with radius 85 pixels, and span
            // from 0 to 360 degress
            m.setMeter(100, 100, 85, 0, 360);

            // Meter scale is 0 - 100, with major tick every 10 units, minor tick
            // every 5 units, and micro tick every 1 units
            m.setScale(0, 100, 10, 5, 1);

            // Set angular arc, major tick and minor tick line widths to 2 pixels.
            m.setLineWidth(2, 2, 2);

            // Add a blue (9999ff) ring between radii 88 - 90 as decoration
            m.addRing(88, 90, 0x9999ff);

            // Set 0 - 60 as green (00AA00) zone, 60 - 80 as yellow (CCCC00) zone,
            // and 80 - 100 as red (AA0000) zone
            m.addZone(0, 60, 0x00aa00);
            m.addZone(60, 80, 0xcccc00);
            m.addZone(80, 100, 0xaa0000);

            // Add a text label centered at (100, 70) with 12 pts Arial Bold font
            m.addText(100, 70, "PSI", "Arial Bold", 12, Chart.TextColor, Chart.Center
                      );

            // Add a semi-transparent blue (806666FF) pointer    using the default
            // shape
            m.addPointer(25, unchecked ((int)0x806666ff), 0x6666ff);

            // Add a semi-transparent red (80FF6666) pointer using the arrow shape
            m.addPointer(9, unchecked ((int)0x80ff6666), 0xff6666).setShape(
                Chart.ArrowPointer2);

            // Add a semi-transparent yellow (80FFFF66) pointer using another arrow
            // shape
            m.addPointer(51, unchecked ((int)0x80ffff66), 0xffff66).setShape(
                Chart.ArrowPointer);

            // Add a semi-transparent green (8066FF66) pointer using the line shape
            m.addPointer(72, unchecked ((int)0x8066ff66), 0x66ff66).setShape(
                Chart.LinePointer);

            // Add a semi-transparent grey (80CCCCCC) pointer using the pencil shape
            m.addPointer(85, unchecked ((int)0x80cccccc), 0xcccccc).setShape(
                Chart.PencilPointer);

            // Output the chart
            viewer.Image = m.makeImage();
        }
Пример #3
0
        //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 = 45.17;

            // Create an AugularMeter object of size 200 x 200 pixels, with silver
            // background, black border, 2 pixel 3D depressed border and rounded
            // corners.
            AngularMeter m = new AngularMeter(200, 200, Chart.silverColor(),
                                              0x000000, -2);

            m.setRoundedFrame();

            // Set the meter center at (100, 100), with radius 85 pixels, and span
            // from -135 to +135 degress
            m.setMeter(100, 100, 85, -135, 135);

            // Meter scale is 0 - 100, with major tick every 10 units, minor tick
            // every 5 units, and micro tick every 1 units
            m.setScale(0, 100, 10, 5, 1);

            // Disable default angular arc by setting its width to 0. Set 2 pixels
            // line width for major tick, and 1 pixel line width for minor ticks.
            m.setLineWidth(0, 2, 1);

            // Set the circular meter surface as metallic blue (9999DD)
            m.addRing(0, 90, Chart.metalColor(0x9999dd));

            // Add a blue (6666FF) ring between radii 88 - 90 as decoration
            m.addRing(88, 90, 0x6666ff);

            // Set 0 - 60 as green (99FF99) zone, 60 - 80 as yellow (FFFF00) zone,
            // and 80 - 100 as red (FF3333) zone
            m.addZone(0, 60, 0x99ff99);
            m.addZone(60, 80, 0xffff00);
            m.addZone(80, 100, 0xff3333);

            // Add a text label centered at (100, 135) with 15 pts Arial Bold font
            m.addText(100, 135, "CPU", "Arial Bold", 15, Chart.TextColor,
                      Chart.Center);

            // Add a text box centered at (100, 165) showing the value formatted to 2
            // decimal places, using white text on a black background, and with 1
            // pixel 3D depressed border
            m.addText(100, 165, m.formatValue(value, "2"), "Arial", 8, 0xffffff,
                      Chart.Center).setBackground(0x000000, 0x000000, -1);

            // Add a semi-transparent blue (40333399) pointer at the specified value
            m.addPointer(value, 0x40333399);

            // Output the chart
            viewer.Image = m.makeImage();
        }
Пример #4
0
        //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 = 27.48;

            // Create an AngularMeter object of size 200 x 115 pixels, with silver
            // background color, black border, 2 pixel 3D border border and rounded
            // corners
            AngularMeter m = new AngularMeter(200, 115, Chart.silverColor(),
                                              0x000000, 2);

            m.setRoundedFrame();

            // Set the meter center at (100, 100), with radius 85 pixels, and span
            // from -90 to +90 degress (semi-circle)
            m.setMeter(100, 100, 85, -90, 90);

            // Meter scale is 0 - 100, with major tick every 20 units, minor tick
            // every 10 units, and micro tick every 5 units
            m.setScale(0, 100, 20, 10, 5);

            // Set 0 - 60 as green (66FF66) zone
            m.addZone(0, 60, 0, 85, 0x66ff66);

            // Set 60 - 80 as yellow (FFFF33) zone
            m.addZone(60, 80, 0, 85, 0xffff33);

            // Set 80 - 100 as red (FF6666) zone
            m.addZone(80, 100, 0, 85, 0xff6666);

            // Add a text label centered at (100, 60) with 12 pts Arial Bold font
            m.addText(100, 60, "PSI", "Arial Bold", 12, Chart.TextColor, Chart.Center
                      );

            // Add a text box at the top right corner of the meter showing the value
            // formatted to 2 decimal places, using white text on a black background,
            // and with 1 pixel 3D depressed border
            m.addText(156, 8, m.formatValue(value, "2"), "Arial", 8, 0xffffff
                      ).setBackground(0x000000, 0, -1);

            // Add a semi-transparent blue (40666699) pointer with black border at
            // the specified value
            m.addPointer(value, 0x40666699, 0x000000);

            // Output the chart
            viewer.Image = m.makeImage();
        }
Пример #5
0
        //Main code for creating charts
        public void createChart(WinChartViewer viewer, string img)
        {
            // The value to display on the meter
            double value = 4.75;

            // Create an AugularMeter object of size 110 x 110 pixels, using silver
            // background color with a black 2 pixel 3D depressed border.
            AngularMeter m = new AngularMeter(110, 110, Chart.silverColor(),
                                              0x000000, -2);

            // Set meter appearance according to a parameter
            if (img == "0")
            {
                // Set the meter center at bottom left corner (15, 95), with radius
                // 85 pixels. Meter spans from 90 - 0 degrees.
                m.setMeter(15, 95, 85, 90, 0);
                // Add a label to the meter centered at (35, 75)
                m.addText(35, 75, "VDC", "Arial Bold", 12, Chart.TextColor,
                          Chart.Center);
                // Add a text box to show the value at top right corner (103, 7)
                m.addText(103, 7, m.formatValue(value, "2"), "Arial", 8, 0xffffff,
                          Chart.TopRight).setBackground(0, 0, -1);
            }
            else if (img == "1")
            {
                // Set the meter center at top left corner (15, 15), with radius 85
                // pixels. Meter spans from 90 - 180 degrees.
                m.setMeter(15, 15, 85, 90, 180);
                // Add a label to the meter centered at (35, 35)
                m.addText(35, 35, "AMP", "Arial Bold", 12, Chart.TextColor,
                          Chart.Center);
                // Add a text box to show the value at bottom right corner (103, 103)
                m.addText(103, 103, m.formatValue(value, "2"), "Arial", 8, 0xffffff,
                          Chart.BottomRight).setBackground(0, 0, -1);
            }
            else if (img == "2")
            {
                // Set the meter center at top right corner (15, 95), with radius 85
                // pixels. Meter spans from 270 - 180 degrees.
                m.setMeter(95, 15, 85, 270, 180);
                // Add a label to the meter centered at (75, 35)
                m.addText(75, 35, "KW", "Arial Bold", 12, Chart.TextColor,
                          Chart.Center);
                // Add a text box to show the value at bottom left corner (7, 103)
                m.addText(7, 103, m.formatValue(value, "2"), "Arial", 8, 0xffffff,
                          Chart.BottomLeft).setBackground(0, 0, -1);
            }
            else
            {
                // Set the meter center at bottom right corner (95, 95), with radius
                // 85 pixels. Meter spans from 270 - 360 degrees.
                m.setMeter(95, 95, 85, 270, 360);
                // Add a label to the meter centered at (75, 75)
                m.addText(75, 75, "RPM", "Arial Bold", 12, Chart.TextColor,
                          Chart.Center);
                // Add a text box to show the value at top left corner (7, 7)
                m.addText(7, 7, m.formatValue(value, "2"), "Arial", 8, 0xffffff,
                          Chart.TopLeft).setBackground(0, 0, -1);
            }

            // Meter scale is 0 - 10, with a major tick every 2 units, and minor tick
            // every 1 unit
            m.setScale(0, 10, 2, 1);

            // Set 0 - 6 as green (99ff99) zone, 6 - 8 as yellow (ffff00) zone, and 8
            // - 10 as red (ff3333) zone
            m.addZone(0, 6, 0x99ff99, 0x808080);
            m.addZone(6, 8, 0xffff00, 0x808080);
            m.addZone(8, 10, 0xff3333, 0x808080);

            // Add a semi-transparent black (80000000) pointer at the specified value
            m.addPointer(value, unchecked ((int)0x80000000));

            // Output the chart
            viewer.Image = m.makeImage();
        }
Пример #6
0
        //Main code for creating charts
        public void createChart(WinChartViewer viewer, string img)
        {
            // The value to display on the meter
            double value = 6.5;

            // Create an AugularMeter object of size 200 x 100 pixels with rounded
            // corners
            AngularMeter m = new AngularMeter(200, 100);

            m.setRoundedFrame();

            // Set meter background according to a parameter
            if (img == "0")
            {
                // Use gold background color
                m.setBackground(Chart.goldColor(), 0x000000, -2);
            }
            else if (img == "1")
            {
                // Use silver background color
                m.setBackground(Chart.silverColor(), 0x000000, -2);
            }
            else if (img == "2")
            {
                // Use metallic blue (9898E0) background color
                m.setBackground(Chart.metalColor(0x9898e0), 0x000000, -2);
            }
            else if (img == "3")
            {
                // Use a wood pattern as background color
                m.setBackground(m.patternColor2("wood.png"), 0x000000, -2);
            }
            else if (img == "4")
            {
                // Use a marble pattern as background color
                m.setBackground(m.patternColor2("marble.png"), 0x000000, -2);
            }
            else
            {
                // Use a solid light purple (EEBBEE) background color
                m.setBackground(0xeebbee, 0x000000, -2);
            }

            // Set the meter center at (100, 235), with radius 210 pixels, and span
            // from -24 to +24 degress
            m.setMeter(100, 235, 210, -24, 24);

            // Meter scale is 0 - 100, with a tick every 1 unit
            m.setScale(0, 10, 1);

            // Set 0 - 6 as green (99ff99) zone, 6 - 8 as yellow (ffff00) zone, and 8
            // - 10 as red (ff3333) zone
            m.addZone(0, 6, 0x99ff99, 0x808080);
            m.addZone(6, 8, 0xffff00, 0x808080);
            m.addZone(8, 10, 0xff3333, 0x808080);

            // Add a title at the bottom of the meter using 10 pts Arial Bold font
            m.addTitle2(Chart.Bottom, "OUTPUT POWER LEVEL\n", "Arial Bold", 10);

            // Add a semi-transparent black (80000000) pointer at the specified value
            m.addPointer(value, unchecked ((int)0x80000000));

            // Output the chart
            viewer.Image = m.makeImage();
        }