大数据与数据可视化
文章平均质量分 66
主做定制化开发和大数据可视化,记录工作和学习的技术点滴
Magicdata大数据
这个作者很懒,什么都没留下…
展开
-
blender+Three.js 三维数据可视化:FUI
一个3D地球+FUI的大屏设计。环境:blender-2.93.6-windows-x64+Three.js0.91.0+Echart2.0原创 2021-12-21 12:20:41 · 1626 阅读 · 0 评论 -
blender+Three.js 三维数据可视化:数字孪生
原来叫做系统仿真现在都叫做数字孪生了,我也凑个热闹,这个是一个仓库提货的场景仿真。延续上一个项目《blender+Three.js 三维数据可视化》2和3,有兴趣的可以去看。环境:blender-2.93.6-windows-x64+Three.js0.91.0+Echart2.0这里是上一个场景的仓库部分,出货分为发货(直接从厂里发到客户,走内部流程)和自提(客户自己来取货),这里是自提部分,主要是这个自动装货机是我们项目的,所以借此机会客户加了一个这个需求。废话说完,我们开始,首先分析需求.原创 2021-12-21 12:03:39 · 17034 阅读 · 11 评论 -
blender+Three.js 三维数据可视化-数据和最终效果
接上一篇,接下来需要处理那几个罐子的数据,它们分别来自不同的厂商,有各自独立的管理和监控系统,数据通过串口获取,我这边就不能直接拦截,只能从日志下手,通过文件共享打通日志的文件通路,做了一个基于C#的日志读取分析,挂到服务,然后监听服务端口获取数据。这个数据通过web socket获取:var ws = new WebSocket("ws://localhost:8080"); ws.onopen = function(){ console.log("open"); .原创 2021-12-20 12:56:23 · 2219 阅读 · 2 评论 -
blender+Three.js 三维数据可视化--模型在IE11下加载
接上一篇,项目测试,在IE11中加载模型不显示,查看console log,是对Uint8Array的解析出了问题,IE11的Uint8Array对象一些方法没有实现,打开FBXLoader.js,修改3391行的getString方法,给Uint8Array对象打个补丁:getString: function ( size ) { var a = new Uint8Array( size ); for ( var i = 0; i < size; i ++ ) { a原创 2021-12-20 12:06:45 · 1160 阅读 · 0 评论 -
blender+Three.js 三维数据可视化
接到了一个需求,一个物联网的电力保障系统实时监控。实施用到了Web 3D技术,以前用过一段时间的Three.js,因为太耗资源,没怎么铺开,现在硬件条件好了,就拿出来试试。环境:blender-2.93.6-windows-x64+Three.js0.91.0+Echart2.0我习惯不用最新版本的软件做开发,一方面新版的稳定性不如旧版,主要是基于js的前端开发,新版大部分对IE都不友好,国内的需求现状就是,问就是随便,验收就拿IE说是,所以多一事不如少一事,就用旧的成熟版本对付了。首.原创 2021-12-16 13:09:53 · 12226 阅读 · 13 评论 -
使用Tableau REST API取得缩略图2:图片处理
前面文章使用Tableau REST API取得缩略图1:取得缩略图里面有个blobToDataURI的JS函数,这个用于Blob数据转base64,代码如下://Blob数据转base64function blobToDataURI(blob, callback) { var reader = new FileReader(); reader.onload = function (e) { callback(e.target.result); } r原创 2021-03-16 13:44:12 · 410 阅读 · 0 评论 -
使用Tableau REST API取得缩略图1:取得缩略图
相关的API说明:https://help.tableau.com/v2020.1/api/rest_api/en-us/REST/rest_api_ref_workbooksviews.htm#query_view_with_preview首先在RestUri类里面加一个Operation:QUERY_WORKBOOK_PREVIEWIMAGE(getApiUriBuilder().path("sites/{siteId}/workbooks/{workbookId}/previewImage")原创 2021-03-16 13:28:53 · 718 阅读 · 0 评论 -
微信小程序集成Tableau报表
Server端用了Spring,其实无所谓的。public class MobilController {@RequestMapping(value="/openMobileReport") public ModelAndView openMobileReport(HttpServletRequest request,HttpServletResponse response) { ...原创 2020-04-29 18:17:58 · 2945 阅读 · 1 评论 -
帆软(FineReport)报表学习——事件响应
接上一章帆软(FineReport)报表学习——加入筛选器,我们看看它的事件响应处理。首先做一个超级链接。拖两个标签控件到画布,并列排放,一个替换标题,一个内容写为“详细信息”,为了看起来醒目,设置为蓝色。点击【详细信息】标签,在【事件】中,加入一个点击事件,弹出的JS窗口写:window.location = FR.cjkEncode("${servletURL}?viewl...原创 2019-01-23 17:40:19 · 3879 阅读 · 0 评论 -
帆软(FineReport)报表学习——加入筛选器
接着上面的帆软(FineReport)报表学习——插入图表,我们看一下添加一些筛选器,计划通过下拉列表更新数据。首先拖动一个【空白块】到顶端,然后双击进入编辑模式,拖动两个下拉列表到里面,分别命名为:datayear和datamonth,拖动两个标签到里面,显示提示信息,最后布局如下:然后我们编辑数据查询,对应的修改如下表:totaldata select dept,sum(...原创 2019-01-21 13:11:14 · 9440 阅读 · 1 评论 -
帆软(FineReport)报表学习——插入图表
接着帆软(FineReport)报表学习——一个简单的报表,新做一个带有图表的决策报表。一、定义数据查询首先定义数据查询totaldata,用条形图显示卖场数据:select dept,sum(amount) as amount from salesdata group by dept然后定义数据查询monthdata,用折线图显示月数据:select dept,datamon...原创 2019-01-17 21:50:28 · 9119 阅读 · 0 评论 -
帆软(FineReport)报表学习——一个简单的报表
客户要用帆软做东西,就下载了一个,弄了一些报表出来。废话不说,走起!先建立一个数据源连接。这个Mysql的连接没什么可讲的,就是后面的连接参数需要注意一下,useUnicode=true&characterEncoding=utf8,指定一下编码,否则以后的中文会出问题。因为要做移动端的设计,所以直接,文件->新建->决策报表。本次测试的数据是这样的:d...原创 2019-01-17 16:27:50 · 28827 阅读 · 0 评论 -
使用百度echarts制作可视化大屏
先看一下效果图(部分)我们现在就来完成这个第一个环形进度条。1、下载百度echarts和jquery,添加到你的页面中;<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script><script language="javascript" type原创 2018-05-15 15:04:04 · 14802 阅读 · 3 评论 -
使用百度echarts制作可视化大屏——加入轮播的组合图
先看效果,这个就是一个普通的组合图了,因为大屏交互性比较差,因此加入轮播效果,定时显示一个item的tooltip,组合图就不写了,主要是轮播代码。function showToolTip_highlight(mychart){var echartObj = mychart;// 高亮当前图形var highlight =setInterval(fu...原创 2018-05-18 11:08:50 · 11523 阅读 · 0 评论 -
使用百度echarts制作可视化大屏——加入地图
为了醒目,在中间加入地图,效果如下:地图由3部分组成,1、普通的圆点,2、中心原点(这里直接取top5代替),3、地理位置标记,显示具体的值;为了显示地图,先引入china.js(echarts官网或者百度看源文件,到处都是),然后定义地理位置信息,代码如下:var geoCoordMap = { '上海': [121.4648,31.2891], '东莞': [113.8953,22...原创 2018-05-23 12:50:12 · 18029 阅读 · 1 评论 -
使用百度echarts制作可视化大屏——制作一个双层饼图
实现一个两层嵌套的环形图,展示三个分类下各个品牌车辆的市场贡献度。先看一下最终效果。主要代码如下://产品饼图组件和属性var productPie=null;var productPie_option=null;$(document).ready(function (){ //产品销售的环形图 var productLegend=[['轿车1','轿车2','轿车3','轿车4'...原创 2018-06-12 16:24:50 · 5361 阅读 · 0 评论 -
使用百度echarts制作可视化大屏——最终效果和动态数据刷新
最终效果如下图:接下来就是数据动态刷新了,这个没什么好说的,就是一个$.post的事,传递一个json给自定义的resresh函数就行了。$.post(url,null,function(d){resresh(d);},'json');总结下来,有以下一些心得:1、大屏里面,设计是第一位的;2、要言之有物;3、能...原创 2018-05-18 11:09:38 · 44020 阅读 · 33 评论 -
在网页中调用Tableau报表并定时刷新
1、添加服务器信任;在tableau服务器上进入命令行(CMD),进入bin目录,执行:tabadmin set wgserver.trusted_hosts "<授信服务器地址1>, <授信服务器地址2>, <授信服务器地址3>"tabadmin restart两个命令,授信并重启Tableau服务(注意授信服务器地址逗号后面有个空格,这个是文档写的要求)。如...原创 2018-05-25 12:04:23 · 8952 阅读 · 3 评论