java报表开发插件制作双轴图
java报表开发插件制作双轴图
iris_1992 发表于3年前
java报表开发插件制作双轴图
  • 发表于 3年前
  • 阅读 12
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: java报表开发插件制作双轴图

 

工具/原料

 

java报表开发插件:FineReport

大小:148.2M 适用平台:windows/linux

 问题描述

 

多种图表类型,可在一张图表混合显示。如图表中既存在柱形图,又有折线图或面积图,且各图表类型的纵坐标轴可设置在左或右,实现混合图表。如下图效果:

2. 示例

2.1 准备数据

新建工作薄,添加数据集,SQL语句为SELECT 产品名称, 库存量, 订购量, 再订购量 FROM [产品] where 类别ID = 1,选出饮料类各产品的库存量、订购量与再订购量作为图表数据来源。

2.2 插入图表

以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择组合图,点击确定。

2.3 设置图表数据

图表数据来源于数据集数据,设置如下:

此时分页预览,可以看到默认第二个系列为折线图且使用右侧坐标轴,其余系列都是柱状图,使用左侧坐标轴:

2.4 设置双轴属性-条件显示设置

而我们需要同类的订购量与再订购量使用柱形图且使用左侧坐标轴,而与他们比较的库存量使用折线图且使用右侧坐标轴。

选中图表,点击图表属性表-特效>条件显示,点击左边第一个条件,可以看到默认设置好了系列1(库存量)的样式为柱形图、使用主坐标轴(左侧坐标轴),修改其系列样式为折线图,坐标轴选择次坐标轴,标记类型修改为实心,如下图:

按照同样的方法,修改条件显示的第二个,设置系列2(再订购量)的样式为柱形图,使用主坐标轴;

再添加一个条件显示,设置系列3(库存量)的样式为柱形图,使用主坐标轴(右侧坐标轴);

更多系列按照同样的方法设置即可。

注:系列序号是按照设置图表数据时的系列顺序来编号的。

2.5 保存与预览

保存模板,点击分页预览,效果即如上。模板效果在线查看请点击DoubleFigure.cpt

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\DoubleFigure.cpt

共有 人打赏支持
粉丝 2
博文 25
码字总数 23873
×
iris_1992
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: