如何在报表工具中创建交互式图表?

在本文中,我们将讲解如何在报表工具中创建交互式图表?

随着现代技术的高速发展,相关产业所衍生出来的数据集是越来越庞大。那么我们如何能够简单、方便、快捷的展现自己输入数据且能够以我们想要的方式展现出来strong>报表——这一产物便应运而生,现在市面上流行的报表工具类产品也是层出不穷。

我们为什么使用第三方报表开发工具,而不使用Excel呢/span>

Excel是一个电子表格程序,而不是一个数据库程序。Excel数据处理容量和速度有限制,数据可视化程度不高,都是以表格为主,虽然也能插入一些图表,但是灵活度和美观度不够,设置起来也相当麻烦,并且数据获取麻烦。

第三方报表工具是数据库存储,数据库程序通常可以存放的数据量是相当大的,可以处理非常复杂的数据结构关系。报表数据交互也快捷方便,速度也非常快,可视化交互渲染。

在本文中,我们将讲解FastReport VCL 中创建交互式图表。在这项功能的帮助下,你可以显示图表的选定区域的详细信息报表。

功能介绍:

首先,创建一个图表,例如,一个圆形的:

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

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

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

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

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

如何创建:

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

现在创建一个空的报表。 

1.首先,我们需要为图表准备一些数据。因此,请转到“数据”选项卡。我们添加一个连接到ADO数据库。我们使用FastReport VCL交付的demo.mdb演示数据库。然后,添加ADO查询组件。双击查询编辑器以打开数据库,然后写如下请求:

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

2.返回报表页面,将图表对象放置在带区上。双击打开编辑器,添加一个新的序列。我们来选择这个序列的类型 – 水平条形。 

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

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

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

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

5.使用变量编辑器,添加FilterVariable,我们将把大陆的名称传递到其中,并对表进行过滤。

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

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

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

7.双击数据带,打开编辑器。在“Filter”字段中输入表达式:

<ADOTable1. “Continent”> = <FilterVar>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

现在,你可以运行报表并查看效果:

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

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

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

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

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

产品介绍 | 下载试用 | 在线客服 

推荐阅读
  • FastReport VCL报表控件开发者手册
  • FastReport Online Designer中文手册
  • Fastreport.Net用户手册

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年5月20日
下一篇 2021年5月20日

相关推荐

发表回复

登录后才能评论