[FineReport]柱状图(无参数存储过程)

本文介绍了如何在FineReport中利用无参数存储过程准备数据集,并创建柱状图进行全球客户统计。步骤包括设置世界地图背景及图表数据绑定,最终实现报表预览。
今天学习图表在FR中的使用,通常我们会使用到很多图表,EXCEL中也常见用的。在此就学习柱状图,举一反三,其他的图表也差不多。
主题叫:“我的朋友你从哪里来?”-准确的说是客户,本次统计的是全球客户,扣除中国,因为中国业务量大,柱状图显示的不太好看。---为了美观需求!

一、准备数据集
由于是统计所有客户所属的国家,故存储过程不需要任何参数

 --=============================================   
 --Author: <David Gong>   
 --Create date: <2016-10-21>   
 --Description: <朋友你从哪里来?>   
 --=============================================
CREATE Procedure [dbo].[DZ_SaleByCountryCount]
as
begin 
with CTE AS(
select distinct * from(
		SELECT  
		isNULL(ltrim(MR003),'其他') Customers,MA001

		FROM  ACRTA left JOIN ACRTB ON TA001=TB001 AND TA002=TB002
					LEFT JOIN COPMA ON TA004=MA001

 					LEFT JOIN (SELECT MR002,rtrim(国家中文名) MR003 from CMSMR left join OA.dbo.DZ_Country on MR003=国家英文名 where MR001='4' ) R 
在帆软FineReport中制作柱状图的过程可以分为以下几个步骤: ### 数据准备 首先需要准备好用于图表展示的数据集。可以通过SQL查询或者其他数据源来获取数据。例如,如果要展示不同产品的销售情况,可以使用如下SQL语句: ```sql SELECT product_name, SUM(sales) AS total_sales FROM sales_data GROUP BY product_name; ``` ### 创建报表 1. 打开FineReport设计界面,创建一个新的报表文件。 2. 在报表中添加一个图表组件。可以通过拖拽的方式将图表组件放置到报表的设计区域。 ### 配置图表 3. 选择图表后,在属性面板中配置图表类型为柱状图。 4. 设置数据源:点击“数据”选项卡,选择之前准备好的数据集。 5. 配置系列和分类轴: - 分类轴通常对应于产品名称等维度字段。 - 系列则对应于销售额等度量值[^2]。 ### 调整样式 6. 可以通过“样式”选项卡调整图表的颜色、字体等外观属性。例如,若想改变柱状图的颜色,可以在“样式”选项卡下的颜色设置里进行更改[^1]。 7. 如果需要进一步定制图表的位置,可以使用JavaScript代码来微调SVG元素的位置。这包括但不限于移动整个图表或者单独调整某些部分的位置。 ### 动态交互(可选) 8. 若有动态交互需求,比如根据用户的选择更新图表内容,则可以利用参数化查询和事件监听器来实现。例如,当用户从下拉框选择了特定的订单状态时,可以通过变量传递这个值,并更新图表显示的数据。 ### 示例代码片段 对于更复杂的自定义需求,可能涉及到直接操作DOM元素。以下是一个简单的示例脚本,演示了如何通过JavaScript访问并修改SVG元素的一些基本属性: ```javascript setTimeout(function() { var svgElements = document.getElementsByTagName("svg"); if (svgElements && svgElements.length > 0) { // 假设recordnum是预定义的记录数量 for (var i = 0; i < recordnum; i++) { if (svgElements[0].firstElementChild && svgElements[0].firstElementChild.getElementsByTagName("linearGradient").length > 0) { // 进行具体的样式或位置调整 // 如改变某个梯度填充的颜色 svgElements[0].firstElementChild.getElementsByTagName("linearGradient")[i].setAttribute('x1', 'new value'); } } } }, 100); // 延迟执行以确保DOM加载完成 ``` 以上步骤提供了一个基础框架,具体细节可能会依据实际应用场景有所不同。此外,还可以探索更多高级功能如联动效果、动态列显示等来增强报表的功能性和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

厦门德仔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值