html5动态图表工具FineReport:[6]坐标图表

作者:小橘猫 | 创建时间: 2023-05-03
制作图表时,如果系列值的间隔较大,如最小值接近0,最大值却有几千,这个时候传统的图表制作出来,最小值将非常接近零值,看起来会与分类轴重合。此时可使纵坐标轴非等间隔显示,比如0、10、100、10000......这样显示,这样系列值就算较小...
html5动态图表工具FineReport:[6]坐标图表

操作方法

准备数据 新建工作薄,添加数据集,SQL语句为SELECT * FROM [产品] where 类别ID= 1,查询出饮料类产品信息,直接作为图表数据源,制作一张各产品成本统计图。

图表设计 以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择柱形图,点击确定; 图表数据来源于数据集数据,设置如下图: 点击分页预览,如上第一张图,其中绿茶的成本价明显最高,其他饮料成本价比较低,汽水的成本价基本靠近0值,显示不清楚。

对数刻度设置 选中图表,点击图表属性表上的图表属性表-样式>坐标轴>值轴,勾选对数刻度,然后选择填写对数刻度的值。 如这边我们定义成10,此时坐标轴就以10为底成倍增长了,显示为1、10、100、10000........,设置如下:

预览与保存 保存模板,点击分页预览,效果如下,对数坐标轴效果图:模板效果在线查看请点击Logchart.cpt 已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Logchart.cpt。

点击展开全文

更多推荐