五、给每个图表设置边框,设置统一的标题,去掉图例
1.以下两种方式都可以设置外置边框,但表格只能从属性进入设置边框,选择拉伸
2.当需要另加标题时也可以添加表格在表格中编辑文字当作标题
当边框与图标完全融到一起,看不到边框时序采取另一种方式,添加表格,将表格至于底层,并表格宽度大于图表宽度,给表格添加边框
六、字体间隔开
设置A,B列如下公式,将B1设置扩展属性,并隐藏A列
七、给文章增加边框,并实时更新
添加文字边框:条件属性--背景--图片,大于或等于0
实时刷新:服务器--插件管理--下载安装插件,才能设置刷新,设置刷新--定期刷新--刷新间隔
八、设置一个字段小于另一个字段时标记颜色
九、设置数据点提示自动播放
setTimeout(function(){
var vanchart =FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
vanchart.openAutoTooltip();
},3000)
十、设置跑马灯/滚动报表图
setTimeout(function() {
//隐藏报表块report0的滚动条(此报表块名为report0,根据具体情况修改)
$("div[widgetname=REPORT0]").find(".frozen-north").css({
'overflow-x':'hidden',
'overflow-y':'hidden'
$("div[widgetname=REPORT0]").find(".frozen-center").css({
'overflow-x':'hidden',
'overflow-y':'hidden'
},1000);
最终呈现结果(比文档要详细)一、将所需图表拉直决策报表中选择绝对布局,可以设置大小二、准备好数据源,设置各图表数据点击图表--编辑--数据--设置数据源,,此处可查看帮助文档中各图表的详细设置,设置数据来源、各系列名、值,汇总方式三、调整布局,将各图表组件位置进行设置四、配色、可将每个图标直接引用在服务器上设置的预定义样式,设置标题,图例,背景等五、给每个图表设置边框,设置统一的标题,去掉图例1.以下两种方式都可以设置外置边框,但...
JEECG整个FineReport步骤:
1.从fineReport官方获取安装程序以及license文件。
2.安装fineReport程序以及导入license文件。
3.搭建JEECG开发环境,参照《JEECG 开发指南v3.4.2.pdf》
4.搭建完成之后,我们着手准备将FineReport整合到JEECG项目中。
5.复制所需目录(备注:以下拷贝最好是在报表开发调试完成后,完成以下步骤)
大屏在公司越来越常见了,我认为最大的作用还是更及时的发现生产过程中的问题,大屏的选择有很多,比如公司的前端可以自己开发下,或者用报表软件开发,tableau或者帆软都行,还有直接购买外面成熟的大屏产品,比如阿里云的datav。我们公司是买的帆软,report也可以实现这一功能,就用这个做了。
一、数据源问题
先说下数据源的问题,互联网公司有一定规模,实现实时数据监控...
今年可视化大屏又被大家推上了热搜,什么500强企业分析大屏、指挥中心大屏、大屏可视化分析等,处处都有着大屏可视化分析的背景。
那我们作为一名普通人,在没有天猫双十一发布会那种财力下,也没有程序员的开发能力,我们能自己创作出一款大屏吗?
答案当然是肯定的!!
想象一下,你在向老板汇报的时候,突然告诉老板,我有能力去开发一款高端大气上档次的可视化大屏,可以媲美双11大屏,老板...
概念从上篇博客【FineReport】介绍(链接)中,可以了解到FineReport可以做什么,那么如果我们要进行FineReport的开发,需要有一个环境,最后再进行部署这里部署分为两种,一种是独立部署,FineReport制作的决策系统可以作为一个独立的系统部署,同时,它也嵌入到我们已有的系统当中,详情可以参考官方帮助文档,这里简单说一下独立部署 准备环境
定位到软件安装的根目录下,把所有内容都
其实一般大屏都能用代码开发或现成的可视化工具来实现,用得比较多的就是JS+Ecahrts,但数据量支撑、后台响应、实时更新、平台运维等应该还要调用更多的技术,这方面我不是专家,就不多赘述了。
比较简单快速的方法是用现成的可视化工具,比如FineReport,阿里dataV等等,这里给大家介绍一下FineReport的演示:
FineReport可视化大屏设计
制作可视化大屏,一般有这么几种方案: 方案一:写代码调用数据和图表库,比如写JS+Echarts 方案二:用现成的数据可视化工具
一.决策报表基础
FineReport决策报表采用了画布式操作界面,通过简单的拖拽帮助用户构建强大的、全面的可视化大屏。在一个页面整合不同的数据,完美的展示各类业务指标,实现数据的多维度分析。
1.1组件介绍
参数民安、空白块(tab块、绝对画布块、报表块)、图标块、控件
1.2 布局方式
自适应布局:
后天对所有组建的位置进行调整,所有
小编上次写了篇大屏数据可视化的文章《大屏做成这样,领导不重视你都难!》,围绕布局排版、配色、点缀以及动态效果等方面,阐述了帆软的一些经验,文章中酷炫的大屏效果引起了很大反响,非常多热心的用户留言咨询是怎么做的。为了满足大家如此热忱的求知欲,小编今天就用实际案例来教大家按套路做大屏驾驶舱。
上图是一张视觉设计稿,也是小编今天要教大家实现的内容。开做之前,我们先做点准备工作:确认需求、准备数据、