来自我们.Net Winforms Wpf C++ MFC VCL图表组件演示的数据可视化示例。

有关下图，请参见我们的示例项目和演示中的030。

本例子教开发者如何创建一个具有多个y轴和沿x轴的不连续日期日历的线图，蜡烛图，以及箱线图。以时间日期为x轴，提供几个格式化日期的选项。本例显示了3个字符的月份和日期。下载并运行此实例时，还可以演示如何使用表注释热点来更改数据，以及显示实时更新表注释。

当以编程方式控制或最终用户控制显示哪些子集（系列）时，多个轴将根据需要自动显示 — 隐藏 — 重新配置。大多数科学图表通常需要类似的多个或重叠的y轴。

下图显示上图缩放到较小的日期范围。注意沿图形区域底部x轴和顶部的较高密度日期标签。通过旋转鼠标滚轮或左键拖动缩放框来执行缩放。

下面是一个客户的图表，该图表显示了如何使用图形注释来实施专有的财务研究。

以下是井眼数据的三维图。井眼是为支持勘探和开采自然资源（包括石油、天然气或水）而钻的孔。井眼是指形成井的实际孔。

请参见示例项目和演示中的示例“403”。

绿色的管筒是类型为线的GraphAnnotations，并通过一个简单的MoveTo-LineTo机制植入。这些线条注释可以被渲染成为真正的线条或管道。在我们的图表组件内部，管筒是通过GPU上的几何着色器构建的，因此每个点只需要4个顶点；2个顶点控制管筒段的跨度，2个相邻顶点控制管筒两端的连接方式。然后，几何着色器引入128个顶点来形成管体段。我们编写了复杂的三角函数和矩阵数学代码，以节省您的时间。

3D图形注释文本在2D中面向查看器。而2D文本会移动其他注释、子集和轴标签。

另外还显示了我们的工具尖端特征，它提示最终用户使用井筒坐标。这是标准的Windows工具提示，我们提供属性来调整标准Windows工具提示提供的所有功能。

实际运行这个演示，输入数字键0到9，会调用钻头在井下移动的动画。如果您先双击此图启动自动旋转功能，然后输入0到9，将会在视图向下移动的同时，出现摄像机围绕井口旋转360度的动画。简洁明了，一定要看。这代表了复杂的三角函数和矩阵数学变换，你不需要担心。

下图显示了另一种着色风格，底部是实心的2D形状，而不是2D轮廓线。有一个简单的属性可以显示/隐藏注释标签，您软件的最终用户也可以选择使用这个属性

在我们的图表文档中搜索属性'ShowContour'和'ShowAnnotationText'。

以下实例并不在我们的演示中，而是一个客户发来的2D热图/2D等高线/光谱图的实施案例。光谱图是信号随时间变化的频率谱的可视图。

在示例项目和演示中，请参见示例139、120、121和122中的类似图表。

与上图相同，但放大后可显示更多细节。ProEssentials图表提供两种缩放方法。

• 右键单击并拖动选择区域。
• 旋转鼠标滚轮放大/缩小。

在我们的图表文档中搜索属性'AllowZooming'和'MouseWheelFunction'。

下图是一个3D散点图，所有轴都是对数尺度，而不是普通的线性尺度。

请注意，X、Y和Z网格线标签采用可选的科学表示法。

此图表可选择以等距透视方式显示图表。在这种视角下，请注意后底网格方块与前底网格方块大小相同。图表的深度不会扭曲数据的位置和大小。即使点位于深处，视觉上也大小相似。

在示例代码和演示中查看'404'。

对数刻度通过属性 PeGrid.Configure.XAxisScaleControl、YAxisScaleControl 和 ZAxisScaleControl 来控制。

下图是同样的3D散点图，但通过鼠标滚轮缩放。

注意黄点之间的红色实心点，以及提示红点数据坐标的文字。这张截图没有显示鼠标箭头，但鼠标位于红点之上。该图表提供了鼠标指向数据值的命中测试和数据提示。

下图与我们演示中的例子404类似，但展示了更多的ProEssentials 3D图表注释功能。GraphAnnotationPolyData（开发者可以提供低级的顶点实际位置来生成多边形）和更高级别的GraphAnnotation类型，通过ProEssentials属性GraphAnnotationType来生成圆柱体、圆锥体、三维椭圆、立方体、二维椭圆、二维矩形等更简单的预装标注功能。

下图是上面同样的3D散点图，但通过鼠标滚轮缩放。

注意视图（摄像机位置）是从灰色球体内部向外看。再次注意，红色立方体显示的数据坐标是通过鼠标指针位置显示的。

下图来自示例代码和演示中的示例123。

注意左上角的绿色文字'播放'。当下载和观看我们的实例项目或运行演示时，点击文字会开始播放一首歌曲，出现一条垂直线注释实时跟随歌曲播放位置。然后使用鼠标滚轮放大，显示当前歌曲位置的更详细的视图。鼠标滚轮可以放大到500-1000点，实时图表模仿示波器，在视觉上，不是仅仅看到数据从右到左移动，而是看到每一帧显示的数据完全不同的实时图表。

这个图表还演示了一个基于事件的自定义x轴格式的功能。渲染x轴时，将带网格线的标签文字发送给开发者事件，以允许开发者输入标签文本的自定义表达方式。只需几行代码，就可以创建自己的自定义x轴格式。

下图来自示例代码和演示中的示例130。

这个图表展示了额外的x轴和y轴。这是一个简单的功能，同一组数据可以用不同的两个刻度定义，例如'摄氏度'和'华氏度'。

下图来自示例代码和演示中的示例129。

该图表显示了垂直方向的y轴网格数，并将子集图例嵌入网格标签区域。

这些特性的综合目标是在需要多个重叠的y轴情况下，节省窗口区域的实测面积。特别是当图表本身非常小的时候，因为可能在一个窗口里有20个这样的图表。

下图来自示例代码和演示中的示例132。

这个图表演示了使用一个事件来自定义y轴的格式。例如，这里你看到y轴上本来应该是[400]的地方，它可以在这个位置上显示[高值]。

下面是演示中的示例'409'和示例'401'。

这些图表展示了3D颜色轮廓和GIS功能，并结合了3D图形标注。

下图来自示例代码和演示中的示例301。

此图表演示饼图功能。运行示例项目和演示时，右键单击图表并选择数据阴影和渐变样式将提供下面的各种替代图表。

注意ProEssentials有一个内置功能，可以让你自动将空片（或低于某个阈值的片）分组到另一个片中，并以干净专业的方式处理空片、零数据或微小片。

将图例与饼图分开，此图例功能可选。

下图来自示例代码和演示中的示例200。

此图表演示了ProEssentials极坐标图功能。运行示例项目和演示时，放大极坐标图将展示业界最佳极坐标图。极坐标网格会根据变焦程度智能地改变结构。

下面的图表与上面相同，但已缩放。

下图显示了一个“Polar Chart”，其中可选包含高密度网格。

下图来自示例代码和演示中的示例203。

此图表演示了ProEssentials Smith图表功能。运行示例项目和演示时，缩放我们的smith图表将展示业界最佳的smith图表。Smith图表网格标签根据缩放级别智能地在结构上变化。

'Admittance Charts'也得到类似的支持。

下面与上面的图表相同，但已缩放。

下图来自示例代码和演示中的示例407。

此图表演示了ProEssentials 3D瀑布图功能。运行示例项目和演示时，右键单击图表，使用“Plotting Method”，将生成此视图。

下图来自示例代码和演示中的示例402。

此图表显示了ProEssentials 3D曲面等高线，颜色与y轴绝对值之间存在随机非线性关系。

请注意图例中较大的黄色部分

下图与示例代码和演示中的示例406类似。

本图展示了ProEssentials 3D多边形数据界面。

此图通过提供一个四维数据集WData来扩展图表，允许4D - 3D渲染等高线绘制方法。

下图与示例代码和演示中的示例403类似。

该图表显示使用3D WireFrame绘图方法与属性PointColors结合，来自定义四维图表的颜色。

下图来自示例代码和演示中的示例139。

该图显示了2D热图、2D等高线、光谱图，均具有对数线性缩放功能，通过Direct3D和DirectX硬件加速实现。

下图是将上图放大，以演示更多细节。

下图为示例代码和演示中的121。

此图表显示2D等高线，该等高线以带标签的等高线绘制。

下图与示例代码和演示中的示例122类似。

此图表显示具有可选阴影的2D曲面图，以帮助显示深度。

下图与上图相同，没有阴影。

运行示例项目和演示时，右键单击图表，使用“Plotting Method”选择“Contour Colors”，将生成此视图。

二维等高线阴影功能极大地增加了数据可视化的深度，但当应该更多关注其他数据或注释时，非阴影视图也很有用。

下图是将上图放大，以演示更多细节。

下图来自示例代码和演示中的示例400。

这张图显示的是3D WireFrame图，通过实时的2D多边形标注来标注鼠标指向的这一数据片段。

运行示例项目和演示时，将鼠标移到曲面图上将显示实时二维多边形切片。可以在“MouseMove”事件示例代码中找到该代码。此外，按按键0至9将自动将针对注释0至9上的相机视图的图表旋转。旋转鼠标指针将在查看注释时放大和缩小。请注意，在旋转图表时，注释标签将相互躲避。

对于大多数客户，此代码在Form1中找到，通过搜索400（示例ID号），您可以更快地查找相关的示例代码。替换任意数字以查找示例项目中的任何示例的相关代码。

下面的图表类似于示例代码和演示中的405。

此图显示一张三维条形图，在鼠标指向处有数据提示（注意白色条和数据值1696）。图表还显示了位于数据之上的立方体注释。

下面的图表类似于示例代码和演示中的105。

此图显示一张二维线图，其数据是根据Y轴、右Y轴、X轴和顶部X轴绘制的。

这个例子目的在于演示'CursorMode'功能，使用动态工具提示来显示数据坐标。

下面的图表类似于示例代码和演示中的110。

此图显示一张对数二维散点图。

本例目的是演示对数刻度，以及当终端用户缩放对数刻度时，图表的表现如何。

本示例的另一个目的是演示如何实现快速绘制注释最终用户工具特征。此功能通过将代码置于鼠标下移、鼠标移动和鼠标上移事件中来实现，以便在拖动鼠标时临时绘制图形。运行示例项目和演示时，拖动鼠标时的左键单击和按住鼠标将显示一个临时矩形。还显示了在x和y方向注释数据宽度的文本。

下图与上图相同，但放大后可显示其他备用的对数刻度结构。

下面的图表类似于示例代码和演示中的136。

本图为带对照线的高-低区域图表。

当数列绝对值互换大小时，填充区域的颜色也会反转。

下面的图表类似于示例代码和演示中的016。

本例目的在于演示如何处理日期-时间数据，以及当终端用户将图表缩放到不同范围时x轴的表现。改变图表尺寸，使用弹出式菜单来改变x轴标签的方向，以及缩放，为数据提供高曝光率，展示了我们的整体优势。

下面的图表类似于示例代码和演示中的015。

本例目的是演示如何在二维图表中绘制基本的图表注释。在研究这个例子的代码时，要注意这个例子有一个右y轴，同时也展示了如何绘制关于右y轴的注释。

例子015和例子007, 014, 000, 012, 100, 103是新手开始学习ProEssentials最有用资料。

下面的图表类似于示例代码和演示中的126。

本例目的是演示如何绘制气泡图。创建气泡图时，您将同时传递PeData.Z与PeData.X和PeData.Y。

下面的图表类似于示例代码和演示中的124。

本例目的是演示如何使用编程决定的缩放范围，（水平范围，最小和最大）来作为图表初始默认视图的显示。使用一个水平滚动条，可以滚动浏览剩余的数据范围。

下面的图表类似于示例代码和演示中的034。

本例目的是为了演示如何...

• 创建一个水平的堆叠横条图。
• 创建一个表格注释，然后使用该表注释来允许终端用户选择系列可见性。
• 创建一个表格注释来显示一段文字。

下面的图表类似于示例代码和演示中的003。

本例是一个基本例子，展示了如何使用不同的绘图方法针对左、右y轴绘制数据系列。

本例只需设置属性RYAxisComparisonSubsets=2，将形成2组子集，2定义了最后分组的大小。

属性'plottingMethod'将控制第一组的绘图样式。

属性'PlottingMethodII'将控制第二组的绘图样式。

通过这种可选择的方法来显示2种绘图样式，如果终端用户通过内置的自定义对话框修改绘图样式，他们将清楚地了解到图表的各个数据系列被有逻辑地分组。

有几种方法可以显示多种绘图样式。PlottingMethods 属性允许按数据系列控制绘图样式。关于'PlottingMethods'的使用，请参见例子022。

下面的图表类似于示例代码和演示中的025。

本例展示了如何创建一个浮动的堆叠条形图。PeData.Z将控制堆积条的偏移量。

下面的图表类似于示例代码和演示中的410。

本例展示了如何创建一个实时更新的3D曲面图。请搜索410，参见示例代码定时器事件来检查具体如何实现。

下面的图表类似于示例代码和演示中的408。