数据可视化
文章平均质量分 73
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 · 1644 阅读 · 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 · 17250 阅读 · 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 · 2255 阅读 · 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 · 1176 阅读 · 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 · 12329 阅读 · 13 评论 -
安卓APP嵌入Tableau
在安卓中使用Webview调用tableau的视图,因为是跨域、http和https混合,因此出现了很多坑,列在下面:1、跨域、http和https问题webView = (WebView) findViewById(R.id.webView); WebSettings webSettings = webView.getSettings(); webSet...原创 2020-05-04 13:12:48 · 646 阅读 · 0 评论 -
微信小程序集成Tableau报表
Server端用了Spring,其实无所谓的。public class MobilController {@RequestMapping(value="/openMobileReport") public ModelAndView openMobileReport(HttpServletRequest request,HttpServletResponse response) { ...原创 2020-04-29 18:17:58 · 2961 阅读 · 1 评论 -
echarts实现向下钻取
实现一个向下钻取的效果:柱形图点击柱子则钻取,点击柱图空白返回。line_chart1 = echarts.init(document.getElementById('lineChart1')); line_option1={ backgroundColor:'#0B2F64', title : { show:true, text: '这是一个标题', ...原创 2019-08-23 12:07:51 · 4145 阅读 · 1 评论 -
Tableau使用SSL证书后的API开发
最近项目上使用了Tableau服务器的SSL证书,一系列的API开发代码都要使用https访问,带来了一些代码改写的事,记录一下。Javascript API里面使用https方式获取Token这里发送POST请求我写了一个类,里面增加https请求的部分(sendSSLPost),图省事,直接就整个类全复制到这了。package com.magicdata.portal;impo...原创 2019-06-21 22:33:59 · 1092 阅读 · 1 评论 -
帆软(FineReport)报表学习——事件响应
接上一章帆软(FineReport)报表学习——加入筛选器,我们看看它的事件响应处理。首先做一个超级链接。拖两个标签控件到画布,并列排放,一个替换标题,一个内容写为“详细信息”,为了看起来醒目,设置为蓝色。点击【详细信息】标签,在【事件】中,加入一个点击事件,弹出的JS窗口写:window.location = FR.cjkEncode("${servletURL}?viewl...原创 2019-01-23 17:40:19 · 3920 阅读 · 0 评论 -
帆软(FineReport)报表学习——加入筛选器
接着上面的帆软(FineReport)报表学习——插入图表,我们看一下添加一些筛选器,计划通过下拉列表更新数据。首先拖动一个【空白块】到顶端,然后双击进入编辑模式,拖动两个下拉列表到里面,分别命名为:datayear和datamonth,拖动两个标签到里面,显示提示信息,最后布局如下:然后我们编辑数据查询,对应的修改如下表:totaldata select dept,sum(...原创 2019-01-21 13:11:14 · 9493 阅读 · 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 · 9154 阅读 · 0 评论 -
使用百度echarts制作可视化大屏——加入轮播的组合图
先看效果,这个就是一个普通的组合图了,因为大屏交互性比较差,因此加入轮播效果,定时显示一个item的tooltip,组合图就不写了,主要是轮播代码。function showToolTip_highlight(mychart){var echartObj = mychart;// 高亮当前图形var highlight =setInterval(fu...原创 2018-05-18 11:08:50 · 11532 阅读 · 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 · 14824 阅读 · 3 评论 -
使用百度echarts制作可视化大屏——最终效果和动态数据刷新
最终效果如下图:接下来就是数据动态刷新了,这个没什么好说的,就是一个$.post的事,传递一个json给自定义的resresh函数就行了。$.post(url,null,function(d){resresh(d);},'json');总结下来,有以下一些心得:1、大屏里面,设计是第一位的;2、要言之有物;3、能...原创 2018-05-18 11:09:38 · 44048 阅读 · 33 评论 -
在网页中调用Tableau报表并定时刷新
1、添加服务器信任;在tableau服务器上进入命令行(CMD),进入bin目录,执行:tabadmin set wgserver.trusted_hosts "<授信服务器地址1>, <授信服务器地址2>, <授信服务器地址3>"tabadmin restart两个命令,授信并重启Tableau服务(注意授信服务器地址逗号后面有个空格,这个是文档写的要求)。如...原创 2018-05-25 12:04:23 · 8966 阅读 · 3 评论 -
使用百度echarts制作可视化大屏——制作一个双层饼图
实现一个两层嵌套的环形图,展示三个分类下各个品牌车辆的市场贡献度。先看一下最终效果。主要代码如下://产品饼图组件和属性var productPie=null;var productPie_option=null;$(document).ready(function (){ //产品销售的环形图 var productLegend=[['轿车1','轿车2','轿车3','轿车4'...原创 2018-06-12 16:24:50 · 5374 阅读 · 0 评论 -
Tableau软件特点和功能综述
经常有人问我Tableau相对其它BI工具的比较,整理了一个简单的描述,放在这里。Tableau是目前全球最易于上手的报表分析工具,并且具备强大的统计分析扩展功能。它能够根据用户的业务需求对报表进行迁移和开发,实现业务分析人员独立自助、简单快速、以界面拖拽式地操作方式对业务数据进行联机分析处理、即时查询等功能,Tableau包括个人电脑所安装的桌面端软件Desktop和企业内部数...原创 2018-06-08 13:11:20 · 33911 阅读 · 2 评论 -
个性化Tableau设计--使用自定义调色板
数据可视化,自然是直观、美观才是王道,虽然Tableau官方自带的颜色已经是挑选过的了,能够满足大部分人的设计需求,总有需要自己的个性化的色彩要求被客户提出来,要求我们实现,或者我们自己不满意官方预定的色彩,需要定义自己的颜色序列,下面就是自定义调色板的一些例子。自定义调色板,需要修改一个叫做Preferences.tps 的文件,这个文件叫做首选项文件,位于客户机器的C:\Users\Admin...原创 2018-06-08 23:15:37 · 2799 阅读 · 1 评论 -
从零开始大数据——部署一个Hadoop环境
目标:用虚拟机模拟部署两个节点的Hadoop环境并做集群。安装前的准备下载Linux环境、Hadoop和JDK,我的版本是:CentOS-7-x86_64-DVD-1511.iso、hadoop-2.8.4.tar.gz,JDK使用jdk-7u80-linux-x64.tar.gz,虚拟机使用VMware Workstation Pro 12.0,新建一个虚拟机安装CentOS-7,网络设置为NE...原创 2018-06-19 13:17:31 · 591 阅读 · 0 评论 -
帆软(FineReport)报表学习——一个简单的报表
客户要用帆软做东西,就下载了一个,弄了一些报表出来。废话不说,走起!先建立一个数据源连接。这个Mysql的连接没什么可讲的,就是后面的连接参数需要注意一下,useUnicode=true&characterEncoding=utf8,指定一下编码,否则以后的中文会出问题。因为要做移动端的设计,所以直接,文件->新建->决策报表。本次测试的数据是这样的:d...原创 2019-01-17 16:27:50 · 28881 阅读 · 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 · 18050 阅读 · 1 评论