文档章节

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

九月你好123
 九月你好123
发布于 2015/11/13 15:05
字数 1218
阅读 93
收藏 4

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

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 插入折线图

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


点击确定

3.3 设置图表数据

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


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

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

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


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

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

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

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

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



3.5 保存与预览

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

© 著作权归作者所有

九月你好123
粉丝 10
博文 111
码字总数 112722
作品 0
杭州
私信 提问
【葡萄城公开课】ActiveReports V13报表工具全新体验

葡萄城公开课 - 本期公开课介绍 ActiveReports 13 正式发布了,本次更新将为 ActiveReports 增加多项超强报表功能! - 在线报表设计器:满足您在Web应用程序中为最终用户提供临时报表设计的强...

葡萄城技术团队
01/16
53
0
提供一个新式的图表插件设计器(含图表JS库),已经发布了

最近一个报表软件公司推出了一款图表插件,一样的js库,一样的用于前端开发的,名曰OKcharts。网址不贴了,百度就有 这款软件很有意思,我们一直用highcharts,echarts这些开源的不开源的js库...

LouisDr
2015/01/04
1K
3
方法对头,报表模板维护其实很简单

经常我们会遇到这样的一种情况,别人做的一张很复杂的报表模板,我们拿到后需要修改,但是却不知道该如何下手,不知道他原来在哪里写了什么东西……一个一个查看十分的麻烦…… 那么我们就可...

九月你好123
2015/07/16
83
0
低代码快速开发平台 - JEPaaS

【简介】 JEPaaS是一款国内实干型企业数字化中台,11年技术沉淀,百余人开发团队不断维护升级,是国内中大型企业信息化御用平台。总体来说,JEPaaS承载了四大功能: 首先,它是国内实干型企业...

匿名
09/09
34.5K
42
开源中最好的 Web 开发的资源

学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla,效果很炫。 WhatWG Developers, 一个清...

红薯
2011/06/09
8.5K
36

没有更多内容

加载失败,请刷新页面

加载更多

JVM性能调优的6大步骤,及关键调优参数详解

JVM内存调优 对JVM内存的系统级的调优主要的目的是减少GC的频率和Full GC的次数。 1.Full GC 会对整个堆进行整理,包括Young、Tenured和Perm。Full GC因为需要对整个堆进行回收,所以比较慢,...

一只会编程的狼
9分钟前
4
0
并发和并行性有什么区别?

并发和并行性有什么区别? 示例被赞赏。 #1楼 并发性:具有共享资源潜力的多个执行流 例如:两个线程争用一个I / O端口。 平行主义:将问题分成多个相似的块。 例如:通过在文件的每半部分上...

javail
11分钟前
4
0
(推荐使用)提高开发效率工具集合

提高开发效率工具集合(推荐使用) 一、Hutool工具类 官网地址:https://www.hutool.cn/ Github地址:https://github.com/looly/hutool/ Gitee 地址:https://gitee.com/loolly/hutool/ 文档参...

明德先生
14分钟前
4
0
java并发-缓存一致性协议和内存屏障的思考和理解

################这是之前的思考 内存屏障只是保证清空流水线,如何保证高速缓存的内容更新到最新或刷新到主存呢?这个问题突然想到了,不知道这个需要怎回答。 内存屏障保证的CPU执行执行序...

萧默
18分钟前
5
0
类型名称后面的括号是否与new有所不同?

如果“测试”是普通类,则之间是否有任何区别: Test* test = new Test; 和 Test* test = new Test(); #1楼 new Thing(); 很明显,您想要一个构造函数,而new Thing; 表示您不介意是否未调...

技术盛宴
42分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部