关于echarts:Echarts概述

38次阅读

共计 1776 个字符,预计需要花费 5 分钟才能阅读完成。

1. Echarts 概述

ECharts 是百度开源的纯 Javascript 图表库,目前开源能够与 highcharts 相匹敌的一个图表库. 反对折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K 线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等 12 类图表,同时提供题目,详情气泡、图例、值域、数据区域、时间轴、工具箱等 7 个可交互组件,反对多图表、组件的联动和混搭展示。

2. Echarts 个性介绍

ECharts,一个纯 Javascript 的图表库,能够晦涩的运行在 PC 和挪动设施上,兼容以后绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari 等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,活泼,可交互,可高度个性化定制的数据可视化图表。ECharts 3 中更是退出了更多丰盛的交互性能以及更多的可视化成果,并且对挪动端做了深度的优化。

3. 学习 echarts 须要的技能

1.JavaScript(70%)、HTML(20%)、CSS(10%)
2. 学习网站:w3school,打通关之后前端应该没什么问题
3. 高中统计(高中 +、能应用 Excel 做出根本图标)
4. 正常人领域内的设计美学

4. 设施要求

Mac/Windows PC
Online
Chrome
Sublime/Notepad++/Emacs/TextMate/Vim
若是须要加载地图:MAMP(Mac)/EasyPHP(Windows)/IIS/Apache/Nginx

5. Echarts3.x 与 Echarts2.x 的区别

echarts 是百度推出的一个简略实用的图表控件,就集体看来,echarts2 的大部分图表代码的可用性和好看性更好,相对而言,echarts3 也有很多改良的中央,例如模块导入等和图标选项优化等,自己近期次要在用 echarts 做地图开发,就一些集体心得总结如下:

1、js 文件:
 首先是 dis 文件,echarts3 做了很大的优化,在 echarts2 中,对各种控件的类库治理的较为具体,有专门的目录构造来寄存相干的 js 文件及相干资源,然而在引入文件的时候往往会很不不便,可能会一不小心就漏掉一个文件,而 echarts3 能够依据须要在下载项下间接依据所需的性能构架类库,应用时只有导入一个 echarts.min.js 文件就能够。

2、文件导入:
在 echarts2 中,require 是作为模块化加载的入口,在应用过程中对于门路配置常常会呈现问题,特地是制作地图的时候,而在 echarts3 中只须要在结尾加一句 <script src="js/echarts.js"></script>, 接下去只有调用接口就能够了。

3、离线地图:
echarts2 中离线地图的精确度存在很大的问题,特地是下钻到区县一级,边界线存在含糊、穿插、空白等问题,并且经常出现飞地,与理论地图出入较大,集体认为根本没什么用,在 echarts3 中对此做了很大的改良,根本解决了以上问题,市与市之间、区县与区县之间基本上不存在连接问题。
         另外,在 echarts3 中能够依据须要自主构建地图,这个服务给理论应用提供了很大的便当。

4、工具栏:
在 echarts3 的 toolbox 外面把辅助线性能勾销掉了,图标变小了,总体上感觉 echarts3 外面的 toolbox 更丑了。

5、地图漫游工具:
在 echarts3 外面把地图漫游工具勾销掉了,说实话,echarts2 外面的地图漫游工具看着还是挺不错的,尽管并没有什么用。

6、坐标系:
echarts3 中,数据结构进行了统一化形象,最罕用的数据结构有:线性表、树、图。echarts3 中另一个重要的数据结构形象是独立出了“坐标系”概念。事实上在 ECharts 2 中曾经有 grid、polar 配置项存在,然而并不是按一个“坐标系”的了解去实现的。echarts3 中,反对了直角坐标系(catesian,兼容 echarts2 中的 grid)、极坐标系(polar)、天文坐标系(geo)。

7、Option 变动:
         1)组件地位想 x、y 等变成了 left、top, 能够应用像素和百分比,适应性更强。
         2)为了让构造更正当,echarts3 中 label 被移出来和 itemStyle 平级。

正文完
 0