报表开发工具中开放的部分图表js接口列表

时间:2022-12-18 15:37:33

1.. 描述

报表开发工具FineReport 8.0版本中开放了部分图表js接口,在具体应用的过程中很多人都不知道这些接口到底有什么作用,该怎么应用,所以根据我自己的应用在下面归纳了这些新开放js接口可以实现的功能和具体调用方法。

2. 接口属性

2.1 获取chart对象

FR.Chart.WebUtils.getChart("Cells__id")

单元格

FR.Chart.WebUtils.getChart("Float__id")

悬浮元素

FR.Chart.WebUtils.getChart("id")

表单

2.2 chart数据设置

chart.dataRefresh()

重新从数据集取数,并刷新图表(刷新效果与动态刷新一致)

chart. setTitleVisible(boolean )

标题是否可见,参数为true可见,false不可见

chart.setTitleContent()

标题的值设置,可以为参数或者值

chart.setLegendVisible(boolean)

图例是否可见 , 参数为true可见,false不可见

chart.setSeriesInvisible([index])

设置哪些系列隐藏,数值数组格式,如:chart.setSeriesInvisible([0,1,3])则系列1,2,4隐藏;隐藏的系列图例也同样灰化

chart.setLabelVisible(boolean)

标签 是否可见, 参数为true可见,false不可见

chart.setLabelValue(分类名, 系列名, 标签的字符串值)

置对应的标签显示值(柱形图,面积图,折线图,条形图,圆环图,雷达图,组合图,全距图)

chart.setLableValue(系列名, 标签的字符串值)

(饼图)

chart.setLableValue(系列名,x,y,标签的字符串值 )

(散点图,气泡图)

chart.setLableValue(区域名,标签的字符串值 )

(地图)

chart.setLableValue(地址/经纬度,标签的字符串值 )

(gis地图,是地址还是经纬度按照模板设置) 股价图,仪表盘和甘特图不支持标签设置

chart.addAlertLine(name, value, color, align, isUseSecondValueAxis)

设置警戒线内容,值,颜色以及居左还是居右/上还是

chart.clearAlertLine()

清除所有警戒线

chart.setAnimationEnable(boolean)

设置图表是否开启动画,true为开启,false关闭

chart.setDraggable(boolean)

设置图表是否开启拖拽功能,true为开启,false关闭

chart.setZoom(boolean)

设置图表是否开启缩放,true为开启,false关闭

chart.setTooltipEnable(boolean)

设置是否开启数据点提示,true为开启,false关闭

chart.setTooltipValue( 分类名,系列名, html )

设置对应的分类和系列的数据点提示内容(柱形图,面积图,折线图,条形图,圆环图,雷达图,组合图 ,全距图)

chart.setTooltipValue(系列名, html)

(饼图)

chart.setTooltipValue(系列名,x,y,html)

(散点图,气泡图)

chart.setTooltipValue(index,区域名,html)

(地图,index为层级,最上层为0依次往下)

chart.setTooltipValue(地址/经纬度,html)

(gis地图,是地址还是经纬度按照模板设置)

chart.setTooltipValue(date,html)

(股价图)

chart.triggerTooltip(分类名,系列名)

触发对应的数据点提示 (柱形图,面积图,折线图,条形图,圆环图,雷达图,组合图 ,全距图)

chart. triggerTooltip(系列名)

(饼图)

chart.triggerTooltip(系列名,x,y)

(散点图,气泡图)

chart.triggerTooltip(index,区域名)

(地图)

chart.triggerTooltip(地址/经纬度)

(gis地图,是地址还是经纬度按照模板设置)

chart. triggerTooltip(date)

(股价图)

chart.setAxisTooltipEnable(boolean)

置图表是否开启坐标点提示,true为开启,false关闭

chart.setAutoRefresh(time)

设置图表自动刷新的时间

chart.refresh()

图表刷新,单位 秒

chart.sort(boolean)

使图表显示按照分类总值排序(柱形图包括堆积型的,条形图包括堆积型的,面积图包括堆积型的,折线图);true表示从小到大,false表示从大到小

chart.getGis()

获取百度地图map对象

注:股价图,仪表盘和甘特图不支持标签设置,甘特图和仪表盘没有数据点提示。

3. 示例

3.1 准备数据

新建工作薄,添加数据集,SQL语句为SELECT * FROM [销量] where 地区 ='华东'。

3.2 插入折线图

以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择折线图如下图:

报表开发工具中开放的部分图表js接口列表

点击确定

3.3 设置图表数据

图表数据源来自于数据集数据集,点击图表属性表-数据设置如下:

报表开发工具中开放的部分图表js接口列表

并查看图表的名称为Float2,具体查看方法可参考悬浮元素

3.4 添加按钮控件并设置js事件

在H1单元格,添加按钮控件,并设置按钮的名称为改变标记点的值,如下图

报表开发工具中开放的部分图表js接口列表

点击事件编辑,为按钮控件添加js事件,具体的JS代码如下:

1. chart=FR.Chart.WebUtils.getChart("Float2");//获取chart对象

2. chart.setTooltipValue("孙林","牛肉干","1111");//修改孙林,牛肉干的标记点提示为修改后的内容1111;

注:这里改变的是孙林、牛肉干对应的标记点的值

填报预览,点击按钮控件,效果如下

报表开发工具中开放的部分图表js接口列表

报表开发工具中开放的部分图表js接口列表

3.5 保存与预览

保存模板,点击填报预览,效果即如上。

报表开发工具中开放的部分图表js接口列表的更多相关文章

  1. 报表开发工具中mysql数据库连接编码转化失效解决方案

    1. 问题描述 在报表开发工具FineReport中,mysql数据库连接通过数据连接编码转换进行编码的转换,在通过报表录入往数据库中录入中文数据的时候,总是出现乱码,这个该怎么解决呢? 2. 解决方 ...

  2. Grid++Report 报表开发工具

      Grid++Report 报表开发工具   版本 更新日期 大小 下载 说明 Grid++Repoert6.0.0.6 2015/08/08 16.0M [下载] 锐浪报表工具最新版本,新增功能说 ...

  3. Eclipse—怎样为Eclipse开发工具中创建的JavaWebproject创建Servlet

    在博客<在Eclipse中怎样创建JavaWebproject>中图文并茂的说明了Eclipse中创建JavaWebproject的方法,本篇博客将告诉大家怎样为Eclipse开发工具中创 ...

  4. ueditor1&period;4&period;3在&period;net环境下的vs开发工具中集成经验

    Ueditor是个非常不错的在线富文本编辑器,几个项目一直使用它.近期想更新版本号.发现新版1.4.3与旧版的部署方式全然不一样了.官网文档介绍的是直接放在iis下的部署说明,没有提到在vs开发工具中 ...

  5. 报表开发工具Finereport移动端app js接口列表【全】

    应用报表工具Finereport的开发人员会发现其移动端app 同样也推出了很多js接口,那这些接口到底有多少,其移动端又有哪些地方支持调用js,这些接口具体又该如何调用呢.根据我平时的开发经验,给大 ...

  6. 如何使用IDEA开发工具中右键中的Git图形化工具

    首先,你的项目一定是git服务器上面down下来的,下面来演示如何使用IntelliJ IDEA 开发中在鼠标右键中提供的一个非常方便的图形化Git管理工具: 这里使用的IDEA开发工具的版本是 In ...

  7. 报表开发工具!DevExpress Reporting v19&period;1:WPF&sol;Web平台报表

    行业领先的.NET界面控件DevExpress Reporting全新发布了v19.1版本,本文主要为大家介绍WPF.Web平台中DevExpress Reporting发布的一些新功能及增强部分功能 ...

  8. 微信小程序开发工具中快捷键

    微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件Ctrl+[, Ctrl+]:代码行缩进Ct ...

  9. 新手必学的java报表开发工具FineReport实用技巧

    1.在制作模板时,如何将报表中的值传递到超链接网页呢? 在项目中以frame方法把F1.CPT放到项目的页面中,对F1.CPT做网络报表超链接F2.CPT,然后在F2.cpt页面中,做个超链接的网页, ...

随机推荐

  1. WhatsApp的Erlang世界

    rick 的两个ppt整理 下载:2012 2013  ,使用半年erlang后,重新看这两个ppt才发现更多值的学习的地方,从ppt中整理如下: - Prefer os:timestamp to e ...

  2. Linux 内核的文件 Cache 管理机制介绍-ibm

    https://www.ibm.com/developerworks/cn/linux/l-cache/ 1 前言 自从诞生以来,Linux 就被不断完善和普及,目前它已经成为主流通用操作系统之一,使 ...

  3. lucene特殊字符处理

    这是个郁闷的问题,今天遇到了,但在lucene中查询的关键字保护有特殊字符,譬如--,会出现如下异常: org.apache.lucene.queryParser.ParseException: Ca ...

  4. SpringBoot 整合 Swagger2

    1. Swagger UI 按以下步骤配置,项目启动后访问:http://localhost:8080/swagger-ui.html 1.1 添加依赖 <dependency> < ...

  5. 20175310 《Java程序设计》第3周学习总结

    20175310<Java程序设计>第3周学习总结 教材学习内容总结 本周学习了第四章的内容,相比前三章来说,第四章内容较多而且比较复杂,花了大量的时间学习.学习的主要内容如下: 类.方法 ...

  6. Access、SQLServer、Oracle常见SQL语句应用区别

    Access.SQLServer.Oracle常见SQL语句应用区别 关劲松 PMP 如果要兼容Access.SQL Server.Oracle三个数据库版本:我们在编写SQL语句的过程中,尽量使用一 ...

  7. &lbrack;CF1065F&rsqb;Up and Down the Tree&lbrack;树dp&rsqb;

    题意 给定一棵以 \(1\) 为根的树,你每次可以选择跳到某个叶子节点,再跳到和他深度差不超过 \(k\) 的祖先.询问最多能够跳到多少个叶子节点. \(n,k\leq 10^6\) . 分析 最后的 ...

  8. Django部署生产环境,静态文件不能访问404,以及图片不能访问403

    部署环境的搭建请看此博客https://blog.csdn.net/anifans9350/article/details/80145535 查看nginx.conf 文件, nginx文件(etc/ ...

  9. OpenGL绘制一个三角形

    应该建立一个vertex shader文件和一个pixel shader文件,分别命名为shader.vsh和shader.fsh. shader.vsh: attribute vec3 positi ...

  10. PAT甲级1103&period; Integer Factorization

    PAT甲级1103. Integer Factorization 题意: 正整数N的K-P分解是将N写入K个正整数的P次幂的和.你应该写一个程序来找到任何正整数N,K和P的N的K-P分解. 输入规格: ...