Question

我的任务是使用鼠标在图表控件中绘制图形，并从图形中检索（X，Y）点。

我尝试用鼠标绘制图形。这是普通的Graph图。 enter image description here 使用鼠标绘制后，它看起来像：我用来绘制图形的代码是：

    private void Form1_Load(object sender, EventArgs e)
    {
    chart1.ChartAreas[0].AxisX.Minimum =0170101;
    chart1.ChartAreas[0].AxisX.Maximum =0175951;
    chart1.ChartAreas[0].AxisY.Minimum=0780101;
    chart1.ChartAreas[0].AxisY.Maximum=0785951;
    double range = chart1.ChartAreas[0].AxisX.Maximum - chart1.ChartAreas[0].AxisX.Minimum;
        chart1.ChartAreas[0].AxisX.Interval = range / 5;

        range = chart1.ChartAreas[0].AxisY.Maximum - chart1.ChartAreas[0].AxisY.Minimum;
        chart1.ChartAreas[0].AxisY.Interval = range / 5;
    }
    private void chart1_MouseMove(object sender, MouseEventArgs e)
    {
        if (!(FirstPoint == null))
        {
            Graphics g = chart1.CreateGraphics();
            Pen ErasePen = new Pen(Color.Transparent);
            g.DrawLine(ErasePen, FirstPoint, TempPoint);
            TempPoint = new Point(e.X, e.Y);
            this.Refresh();
        }
    }
    private void chart1_MouseDown_1(object sender, MouseEventArgs e)
    {
        FirstPoint = new Point(e.X, e.Y);
        TempPoint = new Point(e.X, e.Y);
    }

    private void chart1_MouseUp_1(object sender, MouseEventArgs e)
    {
        LineEndPoints Line = new LineEndPoints
        {
            StartPoint = FirstPoint,
            endPont = new Point(e.X, e.Y)
        };
        LinesList.Add(Line);
        // FirstPoint = null;
        this.Refresh();
    }

    private void chart1_Paint_1(object sender, PaintEventArgs e)
    {
        foreach (LineEndPoints line in LinesList)
        {
            e.Graphics.DrawLine(Pens.Green, line.StartPoint, line.endPont);
        }
        if (!(FirstPoint == null))
        {
            e.Graphics.DrawLine(Pens.Red, FirstPoint, TempPoint);
        }
    }

当我以前画图时，它正在远离图表控件的最大值和最小值。现在我需要知道的是： 1）我的图形不应远离图表控件的X和Y轴点。 2）我需要知道图表的X，Y点，它是相对于图表轴而不是表格轴绘制的。

我使用C＃VS 2010 Win-forms。

Answer 1

Chart使用与其控制界面不同的coordinate system for its content，即鼠标放置;有转换函数，但它们有一个警告：它们只能保证在Paint事件中工作..

这是一个示例，可将像素点转换为图表点值。您可以看到两个图形非常好地叠加：DataPoints以蓝线连接，像素点以红色虚线连接..：

enter image description here

    public Form1()
    {
        InitializeComponent();
        chart1.Series[0].ChartType = SeriesChartType.Line;
        chart1.ChartAreas[0].AxisX.Minimum = 0;
        chart1.ChartAreas[0].AxisX.Maximum = 500;
        chart1.ChartAreas[0].AxisY.Minimum = 0;
        chart1.ChartAreas[0].AxisY.Maximum = 500;
    }

    List<Point> points = new List<Point>();

    private void chart1_MouseClick(object sender, MouseEventArgs e)
    {
        points.Add(e.Location);
        chart1.Invalidate();
    }

    private void chart1_Paint(object sender, PaintEventArgs e)
    {
        chart1.Series[0].Points.Clear();
        foreach(Point pt in points)
        {
            double dx = chart1.ChartAreas[0].AxisX.PixelPositionToValue(pt.X);
            double dy = chart1.ChartAreas[0].AxisY.PixelPositionToValue(pt.Y);
            chart1.Series[0].Points.AddXY(dx, dy);
        }
        if (points.Count > 1)
            using (Pen pen = new Pen(Color.Red, 2.5f))
               e.Graphics.DrawLines(pen, points.ToArray());
    }

请注意，这将始终清除 DataPoints并根据使用PixelPositionToValue方法的当前图表布局从像素点列表重新创建它们。当标签大小，其他缩放，其他最小/最大值等变化时，布局将始终发生变化。

也许您真的想以相反的方式工作，即使用ValueToPixelPosition更改点击的点数。

以下是保留DataPoints并重新计算像素点的修改示例：

    List<Point> points = new List<Point>();
    Point lastPoint = Point.Empty;

    private void chart1_MouseClick(object sender, MouseEventArgs e)
    {
        lastPoint = e.Location;
        chart1.Invalidate();
    }

    private void chart1_Paint(object sender, PaintEventArgs e)
    {
        // if we have a new point, convert to DataPoint and add to Series.Points:
        if (lastPoint != Point.Empty)
        {
            double dx = chart1.ChartAreas[0].AxisX.PixelPositionToValue(lastPoint.X);
            double dy = chart1.ChartAreas[0].AxisY.PixelPositionToValue(lastPoint.Y);
            chart1.Series[0].Points.AddXY(dx, dy);
        }
        lastPoint = Point.Empty;
        // now recalculate all pixel points:
        points.Clear();
        foreach (DataPoint pt in chart1.Series[0].Points)
        {
            double x = chart1.ChartAreas[0].AxisX.ValueToPixelPosition(pt.XValue);
            double y = chart1.ChartAreas[0].AxisY.ValueToPixelPosition(pt.YValues[0]);
            points.Add(new Point((int)x, (int)y));
        }

        if (points.Count > 1)
            using (Pen pen = new Pen(Color.Red, 2.5f))
            {
                pen.DashStyle = System.Drawing.Drawing2D.DashStyle.Dot;
                e.Graphics.DrawLines(pen, points.ToArray());
            }
    }

这更有意义，因为DataPoints始终与图表的缩放相关联，因此它们是真实的东西＆＃39;。当您调整图表的大小时，DataPoints和它们组成的图形将照常缩放，并且绘制的像素点完全符合：

enter image description here

（当您调整第一个版本的大小时，您可以看到没有放大或缩小任何内容，只有图表的网格线会发生变化..）

请注意，我设置了一些内容，因此并非我添加的每个点都会强制执行过多的布局更改。还要注意，当新点改变时，有时仍会出现反馈循环，例如标签大小，强制执行布局更改和绘制循环。要解决此问题，您应该控制标签＆＃39;格式！

另请注意，两种转换方法仅在Paint事件中正常工作，可能是因为只有当前布局正在解决。

如何使用鼠标在图表控件中绘制图形

1 个答案: