从一个点放大

时间:2018-11-11 08:11:00

标签: c# mschart zooming

enter image description here 如何从一点缩放 例如从点300逐步放大到axisX,从点50放大到100 AxisY

当前位置

private void chart1_MouseClick(对象发送者,MouseEventArgs e)     {

        lastPoint = e.Location;
}

缩放X和Y

 private void btnZoomXY_Click(object sender, EventArgs e)
    {



            step = (int)(chart1.ChartAreas["ChartArea1"].AxisX.Maximum - lastPoint.X ) / 20;
        if (zoomx > chart1.ChartAreas["ChartArea1"].AxisX.Maximum)
        {
            zoomx -= step;

        }
        else
            zoomx += step;
        this.chart1.ChartAreas["ChartArea1"].AxisX.ScaleView.Zoom(lastPoint.X+ zoomx, this.chart1.ChartAreas["ChartArea1"].AxisX.Maximum - zoomx);


        if (Mode == SpectometrMode.Absorbance)
        {
            step1 = 0.2f;
        }
        else
             step1 = (int)(chart1.ChartAreas["ChartArea1"].AxisY.Maximum - lastPoint.Y) / 20;
        if (zoomY > chart1.ChartAreas["ChartArea1"].AxisY.Maximum)
        {
            zoomY -= step1;

        }
        else
            zoomY += step1;
        this.chart1.ChartAreas["ChartArea1"].AxisY.ScaleView.Zoom(lastPoint.Y+ zoomY, this.chart1.ChartAreas["ChartArea1"].AxisY.Maximum - zoomY);




        chart1.ChartAreas[0].AxisX.LabelStyle.Format = "{0}";
    }

@taW

1 个答案:

答案 0 :(得分:3)

这是一种解决方案,每次点击可放大2倍。

它使用变量span作为在缩放视图中可见的值的范围。

还将点击位置移动到下一个最接近的DataPoint。您可以删除此选项,以放大DataPoints之间的位置。

让我们看看它的作用:

enter image description here

请注意,代码的第一个问题是您使用的坐标。

这些是MSChart中的三个(!)坐标系:

  • 像素,如MouseClick
  • ,如Axis
  • ElementPositions中相同的
  • 位置,即与下一个较高容器相关的百分比

您的主要问题是您将像素与值混合会导致混乱。

您需要将像素转换为所显示的代码中的值。

这是我使用的变量:

double span = 0;                     // axis range in values
Point lastPoint = Point.Empty;       // the clicked position
PointF clickedValues = PointF.Empty; // the values of the clicked positiom
DataPoint closePoint = null;         // the next closest DataPoint

现在将点击代码进行转换:

private void chart1_MouseClick(object sender, MouseEventArgs e)
{
    lastPoint = e.Location;
    Axis ax = chart1.ChartAreas[0].AxisX;
    Axis ay = chart1.ChartAreas[0].AxisY;

    if (closePoint != null) closePoint.MarkerColor = chart1.Series[0].MarkerColor;

    clickedValues = new PointF((float)ax.PixelPositionToValue(lastPoint.X),
                               (float)ay.PixelPositionToValue(lastPoint.Y));

    closePoint = chart1.Series[0].Points.Where(x => x.XValue >= clickedValues .X).First();
    closePoint.MarkerColor = Color.Red;  // optionally mark the point

    // optionally move clicked position to actual datapoint
    nextDPoint = new PointF((float)closePoint.XValue, (float)closePoint.YValues[0]);

    span = ax.Maximum - ax.Minimum;  // the full range of values
}

最后是放大按钮的代码:

private void button1_Click(object sender, EventArgs e)
{
    span /= 2;  // zoom in 2x each time
    Axis ax = chart1.ChartAreas[0].AxisX;
    Axis ay = chart1.ChartAreas[0].AxisY;
    ax.ScaleView.Zoom(nextDPoint.X - span, nextDPoint.X + span);
}

一些注意事项:

  • 仅当图表完成布局后,转换功能才可用。
  • 我只缩放x轴,也只能放大。添加y轴缩放和缩小应该很简单。
  • 改变速度或步长也不是火箭科学。请注意,这些步骤应该是一个因素,以提供良好的用户体验。如果您(而不是乘),缩放将看起来不是线性的,但是每一步都会变快或变慢。
  • 当然,标记和单击点的可视化是可选的,可能不适用于您的图表。
  • 我使用PointF存储单击的值。通常floats会做;但是,如果值是DateTime,则可能不正确。在这种情况下,请使用两个doubles
  • 请注意如何将Axis放入变量。我通常对SeriesChartAreas做同样的事情。
  • 更容易来编写,阅读和阅读,甚至可以(更快)更快