帆软外部如何引入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);

最佳回答
0
Z4u3z1Lv6专家互助
发布于2022-9-7 17:39

image.png

最佳回答
0
runerLv7资深互助
发布于2022-9-7 17:40
  • 4关注人数
  • 974浏览人数
  • 最后回答于:2022-9-7 18:35
    请选择关闭问题的原因
    确定 取消
    返回顶部