Esempio n. 1
0
        //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;
        }
Esempio n. 2
0
        //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 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;
        }
Esempio n. 4
0
        //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(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;
        }
Esempio n. 6
0
        //
        // 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);
        }
Esempio n. 7
0
        //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;
        }
Esempio n. 8
0
        //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 = 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;
        }
        //
        // 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);
        }