帆软外部如何引入js水球图

使用的Echarts的JS文件水球图
FineReport Brmise 发布于 2022-9-7 17:32
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共3回答
最佳回答
0
congerLv6高级互助
发布于2022-9-7 18:32（编辑于 2022-9-7 18:35）

水球图.zip

配套JS.zip

效果图

image.png

引入js文件

image.png

设计报表

image.png

配套文件打包

注：文件放到webroot下

JS获取单元格数据

https://help.fanruan.com/finereport/doc-view-4305.html

JS执行FR内置公式查询SQL

https://help.fanruan.com/finereport/doc-view-1785.html

在body初始化事件

image.png

//水球图配置文件

const waterOption = {

series: [{

type: 'liquidFill',

//这里用js获取单元格数据或者执行SQL查询结果，然后替换date数据即可

data: [0.5],

shape: 'diamond'

}]

};

//初始化EChart 

var myChart = echarts.init(document.getElementById("test"));

myChart.setOption(waterOption);
举报 收起评论(1)
最佳回答
0
Z4u3z1Lv6专家互助
发布于2022-9-7 17:39

image.png
最佳回答
0
runerLv7资深互助
发布于2022-9-7 17:40

ECharts图表集成插件- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)
  • 4关注人数
  • 947浏览人数
    • 最后回答于：2022-9-7 18:35
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部