如何修改C#Chart控制图区域百分比

如果我有一个包含2个chartAreas的图表控件,默认情况下图表控件会将chartAreas放在彼此的顶部,使得每个区域占据图表控件可用大小的50%。

有没有办法改变chartAreas的百分比,以便我可以说,顶部图表占据75%的面积,底部图表占25%?

所以,我最终找到了它,但我不认为它有很好的记录。 每个chartArea都有ChartArea.Position属性。 ElementPosition类型的此属性,包含与此问题相关的4个属性。

高度:获取或设置图表元素的高度。
宽度:获取或设置图表元素的宽度。
X:获取或设置适用图表元素左上角的相对X坐标。
Y:获取或设置适用图表元素左上角的相对Y坐标。

深挖时, HeightWidth属性也以相对坐标表示,这样您只能输入0 – 100。

基本上,你必须改变每个高度,每个Y移动它们。 初始创建后,它不会自动调整其他数字。

例如,如果我只是将chartArea [1]的Height更改为更小的值,那么它仍然会锚定在之前的位置,这是有道理的,在它下面留下了很多空白区域。

如果我然后增加chartArea [0]的Height ,它可能会覆盖我们刚刚resize的chartArea [1]。 那么我必须设置chartArea [1]的Y来向下移动它,这样它就不会被绘制掉,并且空白区域消失了。

所以,为了得到类似于我在问题中提出的问题,我将其设置为:

 chart1.ChartAreas[0].Position.Y = 10; chart1.ChartAreas[0].Position.Height = 60; chart1.ChartAreas[1].Position.Y = 70; chart1.ChartAreas[1].Position.Height = 20; 

为了使这个解释更加清楚,我将引用Chart控件,这些chartAreas作为“父”。

这些是百分比,但对于此示例,我们假设父级的大小为100像素。

这将第一个chartArea开始显示为10 px,并使其高约60px。 然后它开始以70px显示第二个chartArea,并使其高约20px。

如果此图表高200像素,那么比例将是相同的,但实际像素将是两倍(因此将第一个图表区域设置为60将使其高120像素)。

我在我的真实程序中更多地填充了这个,因为它有标题覆盖轴标签,但我觉得这些数字有助于更好地解释它。

您还可以将第二个图表.Y位置设置为第一个图表的底部。 这样你只需要担心第一张图表的位置。 代码看起来像这样:

 chart1.ChartAreas[0].Position.Y = 10; chart1.ChartAreas[0].Position.Height = 60; chart1.ChartAreas[1].Position.Y = chart1.ChartAreas[0].Position.Bottom; chart1.ChartAreas[1].Position.Height = 20; 

当然,您也可以填充.Y位置,具体取决于图表之间需要的空白区域。 我使用这种方法来构建一个使用多个图表的应用程序,它保证每个图表都可以正确定位,无论单个图表做什么。