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

最新推荐文章于 2023-11-30 10:31:01 发布

nayun123

最新推荐文章于 2023-11-30 10:31:01 发布

阅读量1.3k

点赞数

分类专栏：个人技术问题技术文章标签： js接口设置示例

本文链接：https://blog.csdn.net/nayun123/article/details/49816927

版权

本文介绍了报表开发工具FineReport 8.0中开放的图表JS接口，包括获取chart对象、数据设置等功能，并通过折线图示例展示如何设置图表数据、添加按钮控件并设置JS事件来改变标记点的值。

摘要由CSDN通过智能技术生成

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不可见