使用PolygonAnnotation在图表中绘制

时间:2016-07-15 08:45:04

标签: c# charts mschart

我尝试使用PolygonAnnotation在图表中绘制多边形,其中我有四个点,我想用作顶点。

在我的图表下方

enter image description here chart1

这些点在运行时在Bubble Series中设置:

System.Windows.Forms.DataVisualization.Charting.Series serieSA = chartCartesian.Series.FindByName("SeriesSafetyArea");

DataPoint dpA = new DataPoint(radarConfigured.SafetyArea.PointA.X,new Double[]{radarConfigured.SafetyArea.PointA.Y, -20});
DataPoint dpB = new DataPoint(radarConfigured.SafetyArea.PointB.X, new Double[]{radarConfigured.SafetyArea.PointB.Y, -20});
DataPoint dpC = new DataPoint(radarConfigured.SafetyArea.PointC.X, new Double[] { radarConfigured.SafetyArea.PointC.Y, -20 });
DataPoint dpD = new DataPoint(radarConfigured.SafetyArea.PointD.X, new Double[] { radarConfigured.SafetyArea.PointD.Y, -20 });
                dpA.Label = "A";
                dpB.Label = "B";
                dpC.Label = "C";
                dpD.Label = "D";
                serieSA.Points.Add(dpA);
                serieSA.Points.Add(dpB);
                serieSA.Points.Add(dpC);
                serieSA.Points.Add(dpD);

我想使用这些点获得一个像矩形的图形。 我已尝试使用此代码:

safetyAreaAnnotation = new PolygonAnnotation();
            safetyAreaAnnotation.ClipToChartArea = chartCartesian.ChartAreas[0].Name;
            //safetyAreaAnnotation.AnchorX = 10;
            //safetyAreaAnnotation.AnchorY = 20;
            PointF[] points = new PointF[4];
            points[0].X = (float)dpA.XValue;
            points[0].Y = (float)dpA.YValues[0] ;
            points[1].X = (float)dpB.XValue;
            points[1].Y = (float)dpB.YValues[0];
            points[2].X = (float)dpC.XValue;
            points[2].Y = (float)dpC.YValues[0];
            points[3].X = (float)dpD.XValue;
            points[3].Y = (float)dpD.YValues[0];
            byte[] type = new byte[4];
            type[0] = (byte)PathPointType.Start;
            type[1] = (byte)PathPointType.Line;
            type[2] = (byte)PathPointType.Line;
            type[3] = (byte)PathPointType.CloseSubpath;

            safetyAreaAnnotation.GraphicsPath=new System.Drawing.Drawing2D.GraphicsPath(points,type);  
           // //safetyAreaAnnotation.IsSizeAlwaysRelative = false;
           // //safetyAreaAnnotation.BackColor = Color.Red;
           safetyAreaAnnotation.AxisX = chartCartesian.ChartAreas[0].AxisX;
           safetyAreaAnnotation.AxisY = chartCartesian.ChartAreas[0].AxisY;
           safetyAreaAnnotation.AnchorDataPoint = serieSA.Points[0];
           // //safetyAreaAnnotation.AnchorX = 1;
           // //safetyAreaAnnotation.AnchorY = 20;
            chartCartesian.Annotations.Add(safetyAreaAnnotation);

但它不起作用。我的图表中没有显示任何内容。 也许我应该使用不同的东西来绘制这个多边形?

更新

这是绘制多边形后的结果:

enter image description here

1 个答案:

答案 0 :(得分:2)

1 - 注释

您的注释没有显示,因为您没有为其设置尺寸。

来自MSDN on PolyLines

  

说明

     

折线必须使用相对于注释对象的坐标,   其中(0,0)表示左上角坐标,(100,100)表示左上角坐标   注释的右下角坐标。

所以你需要做的第一件事是给Annotation一个Size

safetyAreaAnnotation.Width = 10;
safetyAreaAnnotation.Height = 10;

这使它相当大,因为SizeChartArea的百分比给出..

有关详情,请参阅MSDN on Height etc..

但即使您找到合适的尺寸,也很难将折线坐标从DataPoint值设置为 relative 到{{1}区域..

不推荐!

2 - 绘图

您可以在Annotation个活动的Chart上绘制

Pre- or PostPaint

只需确保代码可以访问 ChartArea ca = chartCartesian.ChartAreas[0]; Axis ax = ca.AxisX; Axis ay = ca.AxisY; List<DataPoint> dp = new List<DataPoint>() { dpA, dpB, dpC, dpD }; List<PointF> points = dp.Select(x=> new PointF( (float)ax.ValueToPixelPosition(x.XValue), (float)ay.ValueToPixelPosition(x.YValues[0]) )).ToList(); using (SolidBrush brush = new SolidBrush(Color.FromArgb(64, Color.Gold))) e.ChartGraphics.Graphics.FillPolygon(brush, points.ToArray());

如您所见,这很简单:它使用DataPoints的{​​{1}}方法。

这与ValueToPixelPosition直接相关,因此它会自动缩放&amp;调整大小时移动。 我强烈建议您使用Axes

来绘制区域

enter image description here enter image description here

顺便说一句:您向DataPoints添加多边形的方式过于复杂。 Annotation本来也可以。只有当你想要一个圆形和尖角的复杂混合时,你才会真正设置GraphicsPath数组..