c# - 从 MSChart 的一个点放大缩小

Question

如何从一个点进行缩放 例如从 300 到 500 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

Answer 1

这是一个每次点击都会放大 2 倍的解决方案。

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

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

让我们看看它的实际效果:

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

这些是 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 来存储单击的值。通常 float 就可以了；但是，如果值为 DateTime，则情况可能不正确。在这种情况下，请使用两个 double !
• 请注意我如何将轴放入变量中。我通常对 Series 和 ChartAreas 执行相同的操作。更更容易编写、阅读，我认为甚至(稍微)更快运行......