如何在FastReport VCL中创建交互式图表

功能介绍：

首先，创建一个图表，例如，一个圆形的：

图表分为几个部分，分别显示各参数占总量的比例。将鼠标指针悬停在某个部分上时，将以彩色突出显示。

然后，当你右键单击时，将触发到钻取 表的超链接。在这种情况下，参数（一个部分的名称）的值将传输到此 表。详细信息 表显示所选部分的详细信息：

如何创建：

要实现这种交互非常简单。你需要创建一个包含图表和详细信息 表的 表，并配置从图表到详细信息 表的超链接。

现在创建一个空的 表。 

SELECT c.Continent, SUM(c.Area) AS AreaFROM country cGROUP BY c.Continent

然后指定数据源。在Y轴上，我们显示区域字段。在“Label”一栏，使用“Continent”字段。

3.现在我们需要创建一个详细信息 表。 

4.转到数据选项卡。将连接添加到相同的数据库和ADO表组件,选择表名称——“country”。

6. 将变量放置到 告标题。然后将以下字段放在MasterData带上——Name、Capital 和 Population：

<ADOTable1. “Continent”> = <FilterVar>

将 表保存为“详细信息”。

8.回到带有图表的 表。点击的图表。在属性检查器中，我们需要的是超链接，展开它：

这里注意View属性是很重要的。在下拉列表中，您可以为其选择以下值之一：

对于带有交互式图表的当前示例，适合的选项是DetailPage和DetailReport。正如你所理解的那样，你既可以将详细信息 表放置在当前 表的另一页上，也可以放置在单独的 表里。由于我们选择了第二个选项，因此DetailPage属性保持为空。对于DetailReport，我们指定了详细信息 表文件的路径，它可以是绝对路径或相对路径（相对于应用程序的工作目录）。

Expression属性对我们也没有用处。其中，你可以为超链接和其他类型的超链接指定一个值。

由于我们将选定的值从图表传输到详细信息 表，因此我们在ReportVariable字段中指定了变量名称。

在TabCaption属性中，然后将从图中分配一个实际值。

Value字段允许你设置默认值，然后将从图表中分配一个实际值。

如果要传递多个参数值，则由ValuesSeparator指定一个分隔符。

9.要完成该示例，只需为图表对象添加OnPreviewClick事件处理句柄。在这里，我们编写下面的代码：

 if TfrxChartView (Sender) .ClickedVal1 <> '' then TfrxChartView (Sender) .Hyperlink.Value: = '' '' + TfrxChartView (Sender) .ClickedVal1 + '' ''

从代码中可以清楚的看到，如果选择了任何值，它都将被写入Value属性。

现在，你可以运行 表并查看效果：

选择“南美洲”。然后根据国家的人数信息得到详细信息 表：

顺便说一下，如果要在悬停时更改选择的图表元素的颜色，请使用图表对象的HighlightColor属性。

最后总结一下。在FastReport VCL的第五个版本中，你可以选择各个图表元素并获取它们的含义。另外，与单个URL相比，超链接的功能显着扩展。由于这些变化，你可以通过隐藏详细信息轻松地使 表变得更紧凑和有吸引力。 

产品介绍 | 下载试用 | 优惠活动 | 在线客服 | 联系Elyn

推荐阅读

• FastReport VCL 表控件开发者手册
• FastReport Online Designer中文手册
• Fastreport.Net教程2016
• Fastreport.Net用户手册
• FastReport.Net教程2017（持续更新中···）
• FastReport Online Designer教程2017（持续更新中···）
• 表教程2017（持续更新中···）
• FastReport.Net v2018.1版本更新已经发布！