Exemple #1
0
        protected void Page_Load(object sender, System.EventArgs e)
        {
            nChartControl1.BackgroundStyle.FrameStyle.Visible = false;
            nChartControl1.Panels.Clear();

            // set a chart title
            NLabel title = new NLabel("Data Distribution");

            title.TextStyle.FontStyle        = new NFontStyle("Times New Roman", 14, FontStyle.Italic);
            title.TextStyle.ShadowStyle.Type = ShadowType.LinearBlur;
            title.ContentAlignment           = ContentAlignment.BottomCenter;
            title.Margins  = new NMarginsL(5, 5, 5, 5);
            title.DockMode = PanelDockMode.Top;
            title.Location = new NPointL(
                new NLength(50, NRelativeUnit.ParentPercentage),
                new NLength(2, NRelativeUnit.ParentPercentage));

            // no legend
            nChartControl1.Legends.Clear();

            // create box and whiskers chart
            NChart boxChart = new NCartesianChart();

            boxChart.Margins    = new NMarginsL(5, 0, 5, 5);
            boxChart.BoundsMode = BoundsMode.Stretch;
            boxChart.DockMode   = PanelDockMode.Right;
            boxChart.Size       = new NSizeL(new NLength(20, NRelativeUnit.ParentPercentage), new NLength(100, NRelativeUnit.ParentPercentage));

            // create point chart
            NChart pointChart = new NCartesianChart();

            pointChart.Margins    = new NMarginsL(5, 0, 0, 5);
            pointChart.BoundsMode = BoundsMode.Stretch;
            pointChart.DockMode   = PanelDockMode.Fill;

            // create a guide line to align the chart bottoms
            NSideGuideline bottomChartGuideline = new NSideGuideline(PanelSide.Bottom);

            nChartControl1.Document.RootPanel.Guidelines.Add(bottomChartGuideline);
            bottomChartGuideline.Targets.Add(pointChart);
            bottomChartGuideline.Targets.Add(boxChart);

            // arrange panels
            nChartControl1.Panels.Add(title);
            nChartControl1.Panels.Add(boxChart);
            nChartControl1.Panels.Add(pointChart);

            SetupCharts(pointChart, boxChart);

            bool showAverage  = ShowAverageCheckBox.Checked;
            bool showOutliers = ShowOutliersCheckBox.Checked;

            NPointSeries          pointSeries = (NPointSeries)pointChart.Series[0];
            NBoxAndWhiskersSeries boxSeries   = (NBoxAndWhiskersSeries)boxChart.Series[0];

            NBoxAndWhiskersDataPoint bwdp = new NBoxAndWhiskersDataPoint(pointSeries.Values, showAverage, showOutliers);

            boxSeries.ClearDataPoints();
            boxSeries.AddDataPoint(bwdp);
        }
Exemple #2
0
        void UpdateBoxAndWhiskers()
        {
            NChart pointChart = nChartControl1.Charts[0];
            NChart boxChart   = nChartControl1.Charts[1];

            NPointSeries          pointSeries = (NPointSeries)pointChart.Series[0];
            NBoxAndWhiskersSeries boxSeries   = (NBoxAndWhiskersSeries)boxChart.Series[0];

            bool showAverage  = ShowAverageCheck.Checked;
            bool showOutliers = ShowOutliersCheck.Checked;

            NBoxAndWhiskersDataPoint bwdp = new NBoxAndWhiskersDataPoint(pointSeries.Values, showAverage, showOutliers);

            boxSeries.ClearDataPoints();
            boxSeries.AddDataPoint(bwdp);
        }
Exemple #3
0
        private void SetupCharts(NChart pointChart, NChart boxChart)
        {
            // data
            double[] arrValues = { 204.5, 190.6, 199.7, 131.8, 143.4,
                                   215.1, 228.0, 209.2, 183.8, 169.5,
                                   212.0, 254.9, 222.3, 201.0, 215.4,
                                   191.3, 181.5, 207.0, 199.0, 210.0 };

            // setup point chart
            NStandardScaleConfigurator scaleConfigurator;

            scaleConfigurator = pointChart.Axis(StandardAxis.PrimaryY).ScaleConfigurator as NStandardScaleConfigurator;
            scaleConfigurator.InnerMajorTickStyle.LineStyle.Width = new NLength(0);

            scaleConfigurator = pointChart.Axis(StandardAxis.PrimaryX).ScaleConfigurator as NStandardScaleConfigurator;
            scaleConfigurator.InnerMajorTickStyle.LineStyle.Width = new NLength(0);

            // setup point series
            NPointSeries point = (NPointSeries)pointChart.Series.Add(SeriesType.Point);

            point.InflateMargins         = true;
            point.DataLabelStyle.Visible = false;
            point.Size        = new NLength(10, NGraphicsUnit.Point);
            point.PointShape  = PointShape.Ellipse;
            point.FillStyle   = new NColorFillStyle(Color.Yellow);
            point.BorderStyle = new NStrokeStyle(GreyBlue);
            point.Values.AddRange(arrValues);

            // setup box and whiskers chart
            boxChart.Width = 10;
            boxChart.Axis(StandardAxis.PrimaryY).Anchor  = new NDockAxisAnchor(AxisDockZone.FrontRight, false);
            boxChart.Axis(StandardAxis.PrimaryX).Visible = false;

            // setup box and whiskers series
            NBoxAndWhiskersSeries boxSeries = (NBoxAndWhiskersSeries)boxChart.Series.Add(SeriesType.BoxAndWhiskers);

            boxSeries.InflateMargins         = true;
            boxSeries.DataLabelStyle.Visible = false;
            boxSeries.FillStyle    = new NColorFillStyle(DarkOrange);
            boxSeries.OutliersSize = new NLength(3, NGraphicsUnit.Point);

            // create a box and whiskers data point and initialize it from the point series
            NBoxAndWhiskersDataPoint bwdp = new NBoxAndWhiskersDataPoint(point.Values, true, true);

            boxSeries.AddDataPoint(bwdp);

            // synchronize axes
            NAxis axis1 = pointChart.Axis(StandardAxis.PrimaryY);
            NAxis axis2 = boxChart.Axis(StandardAxis.PrimaryY);

            axis1.Slaves.Add(axis2);
            axis2.Slaves.Add(axis1);

            // set an axis stripe for the interquartile range
            double dQ1 = (double)bwdp[DataPointValue.LowerBoxValue];
            double dQ3 = (double)bwdp[DataPointValue.UpperBoxValue];

            NAxisStripe boxStripe = axis1.Stripes.Add(dQ1, dQ3);

            boxStripe.FillStyle = new NColorFillStyle(Color.FromArgb(150, LightGreen));

            // set an axis stripe for the min / max range
            double      dMin           = (double)bwdp[DataPointValue.LowerWhiskerValue];
            double      dMax           = (double)bwdp[DataPointValue.UpperWhiskerValue];
            NAxisStripe whiskersStripe = axis1.Stripes.Add(dMin, dMax);

            whiskersStripe.FillStyle = new NColorFillStyle(Color.FromArgb(70, LightGreen));
        }
Exemple #4
0
        private void SetupCharts(NChart pointChart, NChart boxChart)
        {
            // data
            double[] arrValues = { 204.5, 190.6, 199.7, 131.8, 143.4,
                                   215.1, 228.0, 209.2, 183.8, 169.5,
                                   212.0, 254.9, 222.3, 201.0, 215.4,
                                   191.3, 181.5, 207.0, 199.0, 210.0 };

            // setup point chart
            NStandardScaleConfigurator scaleY1 = (NStandardScaleConfigurator)pointChart.Axis(StandardAxis.PrimaryY).ScaleConfigurator;

            scaleY1.InnerMajorTickStyle.Visible = false;
            scaleY1.MajorGridStyle.ShowAtWalls  = new ChartWallType[0];

            NOrdinalScaleConfigurator scaleX1 = (NOrdinalScaleConfigurator)pointChart.Axis(StandardAxis.PrimaryX).ScaleConfigurator;

            scaleX1.InnerMajorTickStyle.Visible   = false;
            scaleX1.DisplayDataPointsBetweenTicks = false;

            // setup point series
            NPointSeries point = (NPointSeries)pointChart.Series.Add(SeriesType.Point);

            point.InflateMargins         = true;
            point.DataLabelStyle.Visible = false;
            point.Size        = new NLength(1.5f, NRelativeUnit.RootPercentage);
            point.PointShape  = PointShape.Ellipse;
            point.FillStyle   = new NColorFillStyle(DarkOrange);
            point.BorderStyle = new NStrokeStyle(DarkOrange);
            point.Values.AddRange(arrValues);

            // setup box and whiskers chart
            boxChart.Width = 10;
            boxChart.Axis(StandardAxis.PrimaryY).Anchor = new NDockAxisAnchor(AxisDockZone.FrontRight, false);
            NStandardScaleConfigurator scaleY2 = (NStandardScaleConfigurator)boxChart.Axis(StandardAxis.PrimaryY).ScaleConfigurator;

            scaleY2.InnerMajorTickStyle.Visible = false;
            scaleY2.MajorGridStyle.ShowAtWalls  = new ChartWallType[0];

            boxChart.Axis(StandardAxis.PrimaryX).Visible = false;

            // setup box and whiskers series
            NBoxAndWhiskersSeries boxSeries = (NBoxAndWhiskersSeries)boxChart.Series.Add(SeriesType.BoxAndWhiskers);

            boxSeries.InflateMargins         = true;
            boxSeries.DataLabelStyle.Visible = false;
            boxSeries.FillStyle           = new NColorFillStyle(Red);
            boxSeries.OutliersFillStyle   = new NColorFillStyle(DarkOrange);
            boxSeries.OutliersBorderStyle = new NStrokeStyle(DarkOrange);
            boxSeries.OutliersSize        = new NLength(1.5f, NRelativeUnit.RootPercentage);
            boxSeries.MedianStrokeStyle   = new NStrokeStyle(Color.Indigo);
            boxSeries.AverageStrokeStyle  = new NStrokeStyle(1, Color.DarkRed, LinePattern.Dot);

            // create a box and whiskers data point and initialize it from the point series
            NBoxAndWhiskersDataPoint bwdp = new NBoxAndWhiskersDataPoint(point.Values, true, true);

            boxSeries.AddDataPoint(bwdp);

            // synchronize axes
            NAxis axis1 = pointChart.Axis(StandardAxis.PrimaryY);
            NAxis axis2 = boxChart.Axis(StandardAxis.PrimaryY);

            axis1.Slaves.Add(axis2);
            axis2.Slaves.Add(axis1);

            // set an axis stripe for the interquartile range
            double      dQ1       = (double)bwdp[DataPointValue.LowerBoxValue];
            double      dQ3       = (double)bwdp[DataPointValue.UpperBoxValue];
            NAxisStripe boxStripe = axis1.Stripes.Add(dQ1, dQ3);

            boxStripe.FillStyle = new NColorFillStyle(Color.FromArgb(50, GreyBlue));

            // set an axis stripe for the min / max range
            double      dMin           = (double)bwdp[DataPointValue.LowerWhiskerValue];
            double      dMax           = (double)bwdp[DataPointValue.UpperWhiskerValue];
            NAxisStripe whiskersStripe = axis1.Stripes.Add(dMin, dMax);

            whiskersStripe.FillStyle = new NColorFillStyle(Color.FromArgb(30, GreyBlue));
        }