数据可视化实现

数据挖掘:用可视化效果展现你的数据
http://www.leiphone.com/news/201406/warlial-visualization.html

国内比较流行的Echarts
优点,良好的api和配置项手册,使用方便,修改方便,可以满足基本需求
国外的有d3js。功能强大,案例超多,精细加很酷炫,上手难

Echarts

使用方式:
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>

如果是地图的项目需要引入相关地图js文件

<script src="../china.js"></script> 中国地图
<script src="../jquery-1.7.2.js"></script>
<script src="../world.js"></script> 世界地图
各个城市都有地图js

<body>

<!-- 为ECharts准备一个具备大小(宽高)的Dom -->

<div id="main" style="width: 800px;height:600px;"></div>

<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例

var myChart = echarts.init(document.getElementById(‘main‘));
//实例化好myChart对象备用

.
.
.
.
复制官方案例在此处
其中注意事项
1. app.title 去掉
2. 数据的获得方式
1.直接写在index中,可以直接使用,但是文件臃肿,不建议
2.使用ajax获取本地文件,
. 3.jsonp使用别的连接数据
.
.
.

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

</script>

深入学习这里有一些例子,可以下载实际操作

https://github.com/shengxinjing/imooc-echarts

d3js
利用原有的例子结构 更换自己的数据 也可以改变结构上的样式和画布大小

http://www.open-open.com/lib/view/open1387100056093.html

时间: 2024-10-27 10:53:08

数据可视化实现的相关文章

地理数据可视化:Simple,Not Easy

如果要给2015年的地理信息行业打一个标签,地理大数据一定是其中之一.在信息技术飞速发展的今天,“大数据”作为一种潮流铺天盖地的席卷了各行各业,从央视的春运迁徙图到旅游热点预测,从大数据工程师奇货可居到马云布道“DT”时代,“大数据”被推到了一个前所未有的高度,连国家领导人出访演讲都言必称大数据.地理信息数据天生具有大数据属性,作为整天和地理信息数据打交道的地信人自然不甘落后,地理大数据概念脱颖而出. 地理大数据是什么?大体来说就是把社会经济.自然资源.商业信息等但凡具有一点空间维度的数据一股脑

数据可视化-gojs插件使用技巧总结

随着云计算时代的到来,由于Web技术的快速革新以及为了提供高质量的用户体验,数据可视化成为了前端技术发展的一大方向.为了解决这个问题,现如今涌现了很多优秀的第三方的javascript图形库,比如highcharts.js,echarts.js,d3.js,go.js- 数据可视化javascript插件对比 在HTML5标准支持下,web实现图形标准主要分为canvas和svg,上述的javascript图形库都是依赖2者之一作为底层库.Canvas基于像素,提供2D绘制函数,是一种HTML标

蒋步星:数据可视化技术的误区

所谓数据可视化是指把数据以图形动画以及地图等形式呈现出来,这样即直观又美观,易于理解从而看出数据背后的问题. 要做好数据可视化,需要两方面的能力.一是"艺术"能力,即知道什么样的数据用什么形式去表现最合适,该用柱图时不能用饼图,颜色搭配也要合理,另一个是"技术"能力,设计好的呈现方案还要能真地做出来,并且要把成本控制在可接受范围内.这里我们不深入讨论"艺术"问题,来看看考察和选择可视化技术中的一些常见误区. 误区|考察报表,挑可视化技术最好? 报

数据可视化工具

随着大数据的崛起,数据分析变得越来越重要,数据可视化工具能更直观地展示数据之间的联系和变化,是数据分析中不可或缺的工具. 1. iCharts iCharts是一个在线的数据可视化工具,被广泛应用于商业.经济.体育等领域的报告中.iCharts免费版本提供了一些基本的交互式图表样式,如果更使用高级的样式,则需要购买高级版本. 2. Fusion Charts Suit XT Fusion Charts Suit XT是一个专业的JavaScript图表库,可以用来创建90多种类型的图表,包括2D

ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视化

ECharts 下载js代码 工作原理浅析 在项目中引入ECharts 后台处理 数据库端MySQL PHP端 JQuery Ajax处理 ECharts 端处理 前端全部代码 演示结果 总结 最近要将后台数据库上的一些数据以可视化的方法显示到前端,找来找去,发现百度开发的这套图表工具库还不错,网上搜索了一下相关的教程,也算是实现了较为简单的demo.于是写下来,记录一下. ECharts ECharts是国人开发的一套前端的图表工具库,使用起来超方便,也很简单(当然了,前提是理解了其工作原理之

企业如何开展数据可视化建设

有关数据,我们知道,不加以处理运用就会沉淀在系统中,很难成为信息.信息如果得不到利用,就不能成为资源. 在市场竞争激烈.变数不定的大环境下,越来越多的企业意识到信息资源的重要性.信息,无论是来自企业内部还是市场外部,都能帮助企业在现有资源上提高运营效率,分析挖掘辅助决策的策略,做出符合行情的战略规划. 关于企业的数据可视化建设,这里分享一个大连华锐重工的案例,原文是大连华锐重工企业管理部副部长毕建林在帆软大数据可视化分析案例巡展上的演讲. 系统独立,数据利用率低 华锐重工从2001年进行信息化建

[原创.数据可视化系列之四]跨平台,多格式的等值线和等值面的生成

这些年做项目的时候,碰到等值面基本都是arcgis server来支撑的,通过构建GP服务,一般的都能满足做等值线和等值面的需求.可是突然有一天,我发现如果没有arcgis server 的话,我既然没法生成等值面等值线了.况且,还有许多别的要求: 没有arcgis server支持,arcgis server毕竟是很大一笔开销,个人基本无法负担: 跨平台,有的服务器是linux,有的是windows,看来,只能是java的类库了: 免费,生成等值线和等值面的程序不能有费用: 输出多种格式,既能

数据可视化的定义及使用注意

所谓数据可视化是对大型数据库或数据仓库中的数据的组态可视化,它是可视化技术在非空间数据领域的应用,使人们不再局限于通过关系数据表来观察和分析数据信息,还能以更直观的方式看到数据及其结构关系.数据可视化技术的基本思想是将数据库中每一个数据项作为单个图元元素表示,大量的数据集构成数据图像,同时将数据的各个属性值以多维数据的形式表示,可以从不同的维度观察数据,从而对数据进行更深入的观察和分析. 对同一类图形(例如柱状.圆环和蜘蛛图等)的长度.高度或面积加以区别,来清晰的表达不同指标对应的指标值之间的对

数据可视化简介

数据可视化参考流程 科学可视化的早期可视化流水线,描述了从数据空间到可视空间的映射,包含串行处理数据的各个阶段: 原始数据->数据分析->预处理数据->过滤->关注数据->映射->几何数据->绘制->图像数据 而后Card,Mackinlay,Shneiderman等人提出了信息可视化参考流程,后继几乎所有著名的信息科石化系统和工具都支持这个模型. 数据可视化设计的层次嵌套模型 第一层(问题刻画层):概括现实生活中用户遇到的问题: 第二层(抽象层):抽象相应

Scilab : 数据可视化

主要用 grayplot 福彩双色球开奖数据可视化: http://www.gdfc.org.cn/datas/history/twocolorball/history_1.html 001,03,09,15,20,27,29,01 002,04,21,23,31,32,33,04 003,06,10,11,28,30,33,12 ... cp.sce m=152;n=8; G= read('D:/scilab-5.3.3/exercise/cp2014.txt',m,n); grayplot(