在这里插入图片描述

特点

1、数据可视化主要目的:借助于图形化手段,清晰有效地传达与沟通信息。
2、数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理。
3、应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。

Echarts.js库

echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目,
总体上来说有这样的一些优点

1、echarts.js容易使用
echarts.js的官方文档比较详细,而且官网中提供大量的使用示例供大家使用

2、echarts.js支持按需求打包
echarts.js官网提供了在线构建的工具,可以在线构建项目时
选择项目所需要使用到的模块,从而达到减小JS文件的体积
	
3、echarts.js开源

4、支持中国地图功能

echarts.js的缺点

1、echarts.js的体积较大

一个基础的echarts.js都要400K左右,相对于D3.js和hightcharts.js来说都是比较大的

2、echarts.js的可定制性差

说到echarts.js的定制性差,其实不止是包括echarts.js,hightcharts.js也是如此,
因为这一类型的数据可视化框架主要是高度的进行分装,
所以你在使用的时候只需要设置一下配置就可以了,
但是如果是出现了要绘制配置中不支持的图表怎么办,那么你就只能放弃,尝试着使用其他的框架了

总的来说:从大的方向上面来看,echarts.js还是值得去了解学习使用的,
因为echarts.js得到了百度团队的重视,在git上面的更新也是比较的频繁,
所以不会出现一些比较严重的bug之类的,最后这款框架一点就是框架的配置文件相当的详细,
但是交互API文档虽然有说明,但是还是没有示例来举证,这个可能就是我认为的一个不足之处吧

echarts的应用

首先要说明一点是,echarts这个框架的配置内容很是多,
所以不要尝试着把这个框架中的方法都给记住,
这是不太可能的事。但是由于这个框架的配置文件参数比较多,
所以我们就需要来学习一下echarts是怎样来对其进行分类的

1、首先echarts的图形化呈现主要是通过配置方法来实现的(setOption),然后是对图形标签进行初始化,
最后把配置方法(setOption)赋值到初始化图形中,详细的配置文件请戳这里,
这里我就来介绍一下关于配置文件的学习的经验之谈,比较常见的配置大致如下图:

在这里插入图片描述

上面用红色方框标出来的就是echarts的基础配置,也是我认为的学习echarts一定要掌握的配置,
其他的一些配置比如什么时间轴.visualMap组件之类,我认为这些异曲同工,
所以这一部分也就是只有在当你的业务需要使用的时候才加入,
也就是说,这一部分的知识我认为到时候现炒现卖就可以了
首先我在官网中下载默认的精简版,
下载地址如下:http://echarts.baidu.com/builder.html,

我的数据可视化案例 http://datavisualization.store/

谢谢观看!!!

Logo

科技之力与好奇之心,共建有温度的智能世界

更多推荐