在金融行业,我们经常会有审计审查的需求,对某个计算结果进行审查,但是这个计算结果可能依赖多个单元格,而且会有会有多级依赖的情况,如果让我们的从业人员靠眼睛找,工作量巨大,而且准确性存疑,基本上死路一条,因此让整个审查过程可视化,迫在眉睫,现在我们利用纯前端表格和Echarts将审计审查过程可视化 一.首先我们先了解一下前端表格或Excel中引用和从属关系: 1.在单元格B1中设置公式 =SUM(A1). 单元格A1是单元格B1的引用单元格(引用关系) 2.在单元格B1中设置公式 =SUM(A1)…

前言 一直有个环游世界的梦,周游列国,体验不同国家的人类文明,寻山访水,体验造物主大自然的伟大造化.毕竟人生不止眼前的苟且,还有诗和远方.这么多年以来,陆续走过了一些地方,每到一个地方,都让我离梦想又近了一些.虽然我知道这比起环游世界来说,还差不知道多少个山头,但是我一直在往这个梦努力,靠近.希望终有一天,我可以笑着对自己说,你做到了! 6年前,因为工作的原因,我接触过地图应用的开发,从那时起,我对地图的热爱就埋在了心底.今年年中我带爸妈旅了旅游,去了一些我没去过的地方,我好想有个地图可以让我点…

Echarts是一款百度的开源图表库,里面提供了非常多的图表样式,我们今天要讲的内容是利用这一款开源js图表,制作一个能够动态定制的图表平台. 1)Echarts API介绍 首先我们先来看一下Echarts中的一个简单柱状图的API: option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' |…

最近是跟echarts杠上了 所在公司是搞数据的 所以身为前端的我 就必须使用echarts将数据展示出来 ,进公司一周 ,前前后后大概用了八九种echarts图,我举得最难的就是引用的地图,因为刚开始工作,没有经验,对geoJSON数据是啥我都不知道,后来查了一下,就是一种数据形式,引用地图的话就一定要引用中国的geoJSON数据,或者你只想要展示某个省的那就只引用那个省的geoJSON数据,这个echarts官网停止提供了,后来在github上下的,这个数据是中国的geoJson数据,就是我…

最近项目中需要使用echarts的词云图,因为几经波折才引用成功,所以想记下来跟大家分享,(我的随笔不会写那么多让人需要动脑子去理解的东西,就是记录一下步骤,因为经验甚少,底层原理懂得不多,所以就先记点步骤)做vue项目的时候总把es5和es6弄混,查官方文档说要想引用词云 你得先引入 这俩文件  所以第一步就是安装 因为一开始接触的就是npm 然后import 所以习惯采用第二种方式,简单易记,看个人喜好了 第二步就是全局引用了 在main.js里面引用 第三步就是在echarts官网中粘贴你…

引入Echarts的相关库文件,以及自定义的js文件 <script src="${pageContext.request.contextPath}/js/echarts/source/echarts.js"></script> <script src="${pageContext.request.contextPath}/js/phoneSample.js"></script> 定义图表的展示位置,建议使用boots…

一.代码 app.title = '通讯盒各版本用户占比'; option = { backgroundColor: '#0f0f31', title: { show:true, x:"left", text: '通讯盒各版本用户占比', textStyle:{ fontSize:16 ,fontWeight:'normal' ,color:'#72a1d2' }, left:20, top:10, borderColor :'#10395c', borderWidth :2, },…

以项目中的扇形统计图为例: 首先,第一步: 引入外部echarts.js文件 其次,第二步: HTML代码块 <div class="count-body-con count-tj"> <div class="float-e-margins"> <div class="ibox-title"> <h3 style="letter-spacing: 3px;text-align: center&q…

最近项目需求,需要一个对于全国各个省份的数据分析,图形最好是地图的样子,这样子更为直观. 最先想到的图表插件是Echarts,他的文档相对于阿里的G2,G6更加清晰一些.在Echarts 里找到的个 实例,效果如gif图,这里是实例的链接: https://gallery.echartsjs.com/editor.html?c=xa5_zRRpes, 看到上面的评论里,有挺多人评论说图形显示不了,因为实例上只有图表的属性Option,是无法显示 的.根据文档是需要创建一个 ECharts 实例,…

github 地址:  https://https://github.com/Gengshaoxuan/medataMap github 地址:  https://https://github.com/Gengshaoxuan/medataMap github 地址:  https://https://github.com/Gengshaoxuan/medataMap github 地址:  https://https://github.com/Gengshaoxuan/medataMap gi…