接下来的文章主要介绍如何使用代码设置实现 WebChart 图表。在制作 WebChart 制作图表之前,首先了解以下 WebChart 的主要对象。熟悉了各对象的功能,站在一定高度使用 WebChar ,会使我们的设计事半功倍。
[b]一、 WebChart 的数据对象[/b]
WebChart 中的数据对象有着特定的层级关系,如图:
使用 WebChart 可以创建两个图表,每个图表对应一个 ChartGroup 。 ChartGroups 将这两个图表组织在 ChartGroupsCollection 中,通过 ChartGroup 的属性 ChartGroupsCollection 的下标索引或者使用 ChartGroups 中的属性 Group0 或 Group1 均可以返回其中一个图表,更简洁的你可以直接使用 ChartGroups 的下标索引也是同样效果。例:
SeriesList 是该图表的数据序列的集合,它包含所有数据序列 ChartDataSeries 。每个序列对应最终生成的图表中的一组图形。例如,在折线图中创建 5 个数据序列,将会生成一个拥有 5 条折线的图表。
图表的数据使用 ChartDataArray 存储,可以通过创建 ChartDataArray 对象,直接给图表的 XY 同时付值(使用属性 PiontData ),也可以分别给 X 或 Y 付值。例:
[b]二、 WebChart 图表域对象[/b]
除了 ChartGrouups , ChartArea 是 C1Chart 的另一个非常重要的对象。除去和数据序列相关的图象,其他部分的样式效果大多都是通过 ChartArea 来设置。它主要包括对坐标轴的设置( Axis ) 和 绘图域的设置(PlotArea)。
现在 这部分不作主要介绍,在之后会以实例实例 简单介绍 CharArea 。
[b]三、关于 C1Chart 的其他属性[/b]
以上是 C1Chart 的两个最主要的属性。在 C1Chart 中还包括 ChartStyle 、 Header 以及 Footer 等属性,分别设置图表的整体样式以及头部、底部的样式。这些可以使用属性进行设置,修改之后即可看到效果,要比使用代码设置更加方便。
另外, C1Chart 还有在第一章中提到的用于交互设计的一些属性 Attributes 、 Tooltip 等,只不过这个和之前的 ImageAreas 使用区域不同, C1Chart 设置的总是整体区域。
其他就是和普通控件一样的高度宽度等属性 ….
[b]四、结束[/b]
关于 WebChar 对象简单介绍至此,详细的内容可以参考帮助内容,接下来以创建折线图的实例对以上对象进行讲解。
[b]一、 WebChart 的数据对象[/b]
WebChart 中的数据对象有着特定的层级关系,如图:
使用 WebChart 可以创建两个图表,每个图表对应一个 ChartGroup 。 ChartGroups 将这两个图表组织在 ChartGroupsCollection 中,通过 ChartGroup 的属性 ChartGroupsCollection 的下标索引或者使用 ChartGroups 中的属性 Group0 或 Group1 均可以返回其中一个图表,更简洁的你可以直接使用 ChartGroups 的下标索引也是同样效果。例:
C1WebChart1.ChartGroups.ChartGroupsCollection[ 0 ];
C1WebChart1.ChartGroups.Group0;
C1WebChart1.ChartGroups[ 0 ];
当然,在大多数情况下我们只需创建一个图表即可。在我们制作一些图表的时候会需要设置对象的 GroupIndex 属性,这里即为指定数据为哪个 ChartGroups 所有。通过 ChartGroup 对象,我们可以设置这个图表的样式、数据以及一些效果的显示。
SeriesList 是该图表的数据序列的集合,它包含所有数据序列 ChartDataSeries 。每个序列对应最终生成的图表中的一组图形。例如,在折线图中创建 5 个数据序列,将会生成一个拥有 5 条折线的图表。
C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList[ 0 ]; // 获取图表第一个数据序列
ChartDataSeries 是我们创建图表的至关重要的一个类,它不仅包含着图表的数据对象 PointData ,而且还可以通过它设置生成图表的样式和效果(这里的样式和效果仅指数据部分)。
图表的数据使用 ChartDataArray 存储,可以通过创建 ChartDataArray 对象,直接给图表的 XY 同时付值(使用属性 PiontData ),也可以分别给 X 或 Y 付值。例:
C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList[ 0 ].PointData.CopyDataIn(data);
[b]二、 WebChart 图表域对象[/b]
除了 ChartGrouups , ChartArea 是 C1Chart 的另一个非常重要的对象。除去和数据序列相关的图象,其他部分的样式效果大多都是通过 ChartArea 来设置。它主要包括对坐标轴的设置( Axis ) 和 绘图域的设置(PlotArea)。
现在 这部分不作主要介绍,在之后会以实例实例 简单介绍 CharArea 。
[b]三、关于 C1Chart 的其他属性[/b]
以上是 C1Chart 的两个最主要的属性。在 C1Chart 中还包括 ChartStyle 、 Header 以及 Footer 等属性,分别设置图表的整体样式以及头部、底部的样式。这些可以使用属性进行设置,修改之后即可看到效果,要比使用代码设置更加方便。
另外, C1Chart 还有在第一章中提到的用于交互设计的一些属性 Attributes 、 Tooltip 等,只不过这个和之前的 ImageAreas 使用区域不同, C1Chart 设置的总是整体区域。
其他就是和普通控件一样的高度宽度等属性 ….
[b]四、结束[/b]
关于 WebChar 对象简单介绍至此,详细的内容可以参考帮助内容,接下来以创建折线图的实例对以上对象进行讲解。