一、使用自定义报表控件

①StandardReportDesigner和RibbonReportDesigner控件只是显示界面不同，其余内容相同

②效果图如下

二、使用自定义报表实现打印指定内容标签效果

该自定义报表软件下载

三、使用自定义报表实现标签打印流程

3.1、使用创建报表向导创建

3.2、设计每个标签的内容和样式

3.3、预览打印

1. 描述

在实际项目中，使用决策报表的时候，有时会用到在决策报表参数面板获取报表控件的值，那么该如何实现呢？

2. 思路

使用js获取报表主体的控件值：

<span style="color:#334356"><span style="color:#1bc1a1"><img data-cke-saved-src="http://help.finereport.com/js/clipboard/clippy.png" src="http://help.finereport.com/js/clipboard/clippy.png" alt="Copy to clipboard" class="clippy" /><code>_g().getWidgetByName(<span style="color:#dd1144">"area"</span>).getValue(); <span style="color:#999988"><em>//获取报表主体控件area的控件值</em></span></code></span></span>

3. 操作步骤

1）新建决策报表，将body的布局方式修改为绝对布局：

2）将标签控件和文本控件拖入报表主体，标签控件的控件值修改为：地区是：：

3）将文本控件的控件名称修改为area：

4）将参数界面拖入报表主体，并添加一个按钮控件，按钮名称改为：获取报表主体控件值：

5）选中按钮按钮，添加点击事件：

具体js代码如下：

<span style="color:#334356"><span style="color:#1bc1a1"><img data-cke-saved-src="http://help.finereport.com/js/clipboard/clippy.png" src="http://help.finereport.com/js/clipboard/clippy.png" alt="Copy to clipboard" class="clippy" /><code><span style="color:teal">var</span> label = _g().getWidgetByName(<span style="color:#dd1144">"label0"</span>).getValue(); <span style="color:#999988"><em>//获取标签控件label0的控件值 </em></span>
<span style="color:teal">var</span> area = _g().getWidgetByName(<span style="color:#dd1144">"area"</span>).getValue(); <span style="color:#999988"><em>//获取文本控件area的控件值 </em></span>
alert(label + area);</code></span></span>

6）点击参数面板空白处，把点击查询前不显示报表内容的勾选去掉：

7）保存并预览就可以看到如上效果图。

4. 预览效果

4.1 PC端预览效果

4.2 移动端预览效果

1）APP预览效果

2）H5预览效果

5. 已完成模板

模板效果在线查看请点击：JS实现在报表参数界面获取控件的值.frm

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\26-JS实现在报表参数界面获取控件的值.frm

右击存储模板

TeeChart for .NET 是优秀的 4.0 WinForm 图表控件，官方独家授权汉化，集功能全面、性能稳定版、优惠等优势。NET 的 TeeChart for .NET 中文承诺让您在使用和学习上没有语言障碍，最少可以节省 30% 的开发时间。

本文主要介绍关于开始使用的第一部分教程，你将会学习到以下三部分内容：

• 介绍
• 构建图表
• 在表单中包含 TeeChart

TeeChart for .NET官方正版下载

介绍

基本图表可以使用 TeeChart 编辑器构建和实现，几乎不需要或不使用代码。 TeeChart 编辑器是合二为一的两个编辑器，因为图表可能被认为与其数据系列内容不同。 可以定义图表外观、标题、图例特征和 3D 方面，而无需包含数据系列。 这使可以在运行时自由添加和删除不同的数据系列类型，而无需重新定义整个图表的外观和感觉。

这些组件一起工作，图表轴是图表和系列之间的接口。 一个系列有数据，它的值会影响图表轴的标签特征。 在添加数据系列之前，可以为图表定义轴外观、颜色、网格频率和标签字体。 TeeChart 将对大多数值进行最佳估计，以尽量减少预定义图表和系列属性的需要。

使用图表编辑器添加多个系列类型：TeeChart 的“图表与系列不同”设计范例允许混合各种系列类型，而不仅限于选择预定义的图表格式。

TeeChart Pro .Net 与 ASP.NET 完全兼容，能够放置在 ASP.NET WebForm 上并在设计时以完全所见即所得的方式进行编辑。 可以从可用列表中选择运行时输出的图像格式类型：JPEG、GIF、PNG、TIFF、BMP 和 EMF。

本教程中的步骤强调了从头开始构建图表是多么容易，并将介绍 TeeChart 编辑器，使能够通过以后的教程修改和进一步增强图表的外观和功能。

构建图表

在 WinForm 上包含 TeeChart

通过使用 TeeChart 的安装程序应用程序，能够成功地将 TeeChart 图标添加到 Visual Studio .Net 编程环境的工具箱中。

TeeChart 图表图标是带圆圈（饼图）的表示形式。

选择工具栏中的图标，然后单击并拖动到窗体上的 TeeChart 大小。 将看到 TeeChart 作为一个面板，具有一些基本的图表功能，例如轴和标题。 当然，TeeChart 不仅仅是一个面板。 右键单击新的 TeeChart，将看到显示的菜单。 选择 Edit选项以访问 TeeChart Editor。

有关 TeeChart 的其他调色板组件的介绍，在后续教程中会介绍，敬请关注。

TeeChart 编辑器

TeeChart 编辑器包含对最常用图表属性的访问。

要添加新系列，请单击“添加”按钮并从系列库中选择系列类型。 如果在现在选择一个系列类型之后，希望稍后更改它，可以通过返回第一个编辑器屏幕并选择更改按钮来更改它（除了系列数据内容可能不兼容的少数例外）。

图表系列画廊

系列画廊由八个标签页组成：

• 标准
  标准系列类型，那些可能被最频繁调用的类型，例如线、条形、饼形等
• 扩展
  扩展系列类型，包括用于规划或映射应用程序的更专业的系列类型，例如箭头、极坐标、组织结构图、贝塞尔曲线等。
• 金融的
  金融系列包括用于金融应用的更专业的金融系列类型。
• 其他
  如果您还没有找到您要查找的图表类型，您可能会在这里找到它，例如标签云、风玫瑰、日历等
• 3D
  3D 系列包括提供 3 维表示的系列类型，例如Surface、Waterfall、Tower 等。这些类型采用三个 (X, Y, Z) 而不是两个 (X, Y) 变量。
• 统计数据
  统计系列包括用于统计应用的图表系列类型，例如直方图、误差线、箱线图等
• 仪表
  量规系列提供多种量规，如数字、线性、圆形等。
• 地图
  地图系列包括各种地理图表的地图，例如世界、欧洲、北美、亚洲等

本次关于图表控件TeeChart for .NET的教程就介绍到这里了，下一篇将介绍开始使用关于填充新数据系列等内容。

本文主要介绍TeeChart for .NET使用教程关于开始使用的第一部分教程，后续将会持续更新相关内容，也可点击查看更多。想要了解更多关于TeeChart for .NET信息，可以直接留言哦！