彩票走势图

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

原创|使用教程|编辑:我只采一朵|2018-02-06 17:07:39.000|阅读 1877 次

概述:在本文中,我们将讲解FastReport VCL 5的新功能之一——交互式图表

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

功能介绍:

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

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

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

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

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

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

如何创建:

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

现在创建一个空的报表。 

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

SELECT c.Continent, SUM(c.Area) AS Area 
FROM
 country c
GROUP 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相比,超链接的功能显着扩展。由于这些变化,你可以通过隐藏详细信息轻松地使报表变得更紧凑和有吸引力。 

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

 

推荐阅读

FastReport正版授权6.9折优惠

标签:报表专家VCL报表解决方案图表报表图表开发交互图表报表控件图表控件报表设计报表引擎

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP