Question

我想要的结果是一个主图表和几个与主图表同步的子图表。（子图表必须与主图表共享相同的x轴。）

首先，我尝试使用多个chartAreas。我可以将子chartAreas与主chartArea同步。（使用这个：How to align two (or more) charts in size, scroll and grid）这个是我想要的。但我不仅可以垂直滚动子{ - 1}}。如果我滚动，则滚动所有图表。我想只垂直滚动子chartAreas。（即使滚动条已关闭，也可以随时显示主chartAreas）

因此，我推翻了使用多个图表（而不是图表区域）的决定。我可以将它们放入TableLayoutPanel。每行一张图表。然后，我无法同步他们的x轴...

有没有办法将x轴与多个图表同步？或者只使用多个chartAreas滚动子chartAreas？

“滚动”是指垂直滚动。见这里：

Answer 1

从我收集的图片和评论中，您实际上想要向下滚动包含多个ChartArea的图表，但保留一个固定在顶部。

（（如果是这样你应该更正问题标题！））

默认情况下，Chart只能滚动{strong>缩放 ChartArea内的数据，而不是ChartAreas内的多个Chart。

以下是伪造ChartArea 滚动和冻结顶部ChartArea的示例。

以下是必要的步骤：

我们需要一个VerticalScrollbar控件并将其锚定在图表的右侧。
我们需要将Minumum和Maximum字段设置为合适的值;我将最小值保留在0并用几个参数计算最大值。
然后我们可以对其Scroll事件进行编码..：

private void vScrollBar1_Scroll(object sender, ScrollEventArgs e)
{
    float h = (100 - yOffTop - yOffBottom) / visibleCount;
    ChartArea main = chart1.ChartAreas[0];

    for (int i = 1; i < chart1.ChartAreas.Count; i++)
    {
        ChartArea ca = chart1.ChartAreas[i];
        ca.Position = new ElementPosition(0, h * i - vScrollBar1.Value + mainExtra, 80, h);
        ca.Visible = ca.Position.Y  >= main.Position.Bottom ;
    }
}

visibleCount控制可见的ChartAreas数量。在这个例子中，我有一个年份，固定在顶部，12个月，..：

为此，您需要设置图表，以便以合适的方式初始化图表区域。

我使用了这段代码，使用自己的代码来处理正确的空间（我为传说留下了20％）等等。：

    int visibleCount = 5;
    float yOffTop = 0;     // no extra top space for a chart title
    float yOffBottom = 0;  // no extra  bottom space either
    float mainExtra = 6;   // a few extra% for the main CA's axis labels

    private void Init_button_Click(object sender, EventArgs e)
    {
        chart1.Series.Clear();
        chart1.ChartAreas.Clear();
        chart1.BackColor = Color.Snow;
        float h = (100 - yOffTop - yOffBottom) / visibleCount;
        for (int i = 0; i < 13; i++)
        {
            float yOff = i != 0 ? mainExtra : 0;
            float yExtra = i == 0 ? mainExtra : 0;
            ChartArea ca = chart1.ChartAreas.Add("ca" + i);
            ca.Position = new ElementPosition(0, h * i + yOff , 80, h + yExtra);
            ca.BackColor = Color.FromArgb(i * 20, 255 - i * 3, 255);
            ca.AxisX.IntervalOffset = 1;

            Series s = chart1.Series.Add("s" + i);
            s.ChartArea = ca.Name;
            for (int j = 1; j < 30; j++)
            {
                s.Points.AddXY(j, rnd.Next(100) - rnd.Next(20));
            }
            chart1.ChartAreas[0].BackColor = Color.Silver;
            ca.AxisY.Title = i == 0 ? "Year" :
                                       DateTimeFormatInfo.CurrentInfo.GetMonthName(i);
            ca.AxisX.Enabled = (i == 0) ? AxisEnabled.True :  AxisEnabled.False;
        }
        vScrollBar1.Minimum = 0;// (int)( h);
        vScrollBar1.Maximum = (int)((chart1.ChartAreas.Count - visibleCount + 0.5f) * h
                                   + mainExtra );
    }

我在每个CA周围绘制额外的矩形，仅用于测试;不要理会他们！

注意：使用这些百分比总是有点棘手，可能需要一些调整！

C＃ - 在没有ChartArea的情况下向下滚动图表

1 个答案: