关键词：
因为要更新手机报表，而原来用的echarts插件版本太低，样式不美观，所以最近在echarts官网学习最新的echarts版本，现在先只对最常见的折线图，柱状图，饼图进行总结。
大概写法都是一样的，首先要创建一个装图标的容器，且该容器一定要有宽高，否则图形不会显示出来。然后进行图形初始化。
现在对对象里面的属性用我所理解的话来进行解析。首先是title，即标题。tooltip，即鼠标悬浮交互时的信息提示。grid，可以调整图形在容器中的位置和大小，这个在饼图中没有作用，饼图的大小是series中的radius来改变。legend，在图形中的标记，可显示可不显示，legend中的data中的值要与series中的name一一对应。toolBox，工具箱，里面有还原、保存为图片、数据格式转换等操作。series中的数据data在折线图和柱状图中的格式是不一样的，折线图中的data就是一个数组，而柱状图是这样：
data:[
{value:335, name:‘直接访问‘},
{value:310, name:‘邮件营销‘},
{value:274, name:‘联盟广告‘},
{value:235, name:‘视频广告‘},
{value:400, name:‘搜索引擎‘}
]
series中有几个对象图形中就展示几条数据。
echarts3.0
因为要更新手机报表，而原来用的echarts插件版本太低，样式不美观，所以最近在echarts官网学习最新的echarts版本，现在先只对最常见的折线图，柱状图，饼图进行总结。 大概写法都是一样的，首先要创建一个装图标的容... 查看详情
echarts3.0版本断点连线的处理
项目应用到echarts图表组件、官网的demo中出现空数据会断开、经过跟踪调试、修改echarts.js以下代码即可实现断点连线功能(需要将空数据处理成‘-‘、这样才能均值)：for(vark=0;k<dimensions.length;k++){vardim=dimensions[k];vardimStorage=storage... 查看详情
vue中使用echarts3.0或echarts2.0(模拟迁徙图，折线图)
一、echarts3.0(官网:http://echarts.baidu.com/)首先通过npm安装echarts依赖，安装的为3.0版本npminstallecharts-s也可以使用淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstallecharts-s引入的方式有两种：1、main.js中全局引入i 查看详情
echarts3.0初学感想及学习中遇到的瓶颈
因为刚工作的原因，压力特别大，加上时间也不是很充足，所以最近也没怎么整理学习的东西，今天趁着手头工作完成总结一下吧，说实话，其实ECharts就是图表绚丽，展示数据渲染效果更加强烈，从2.0到3.0做得更加精致，不多... 查看详情
可视化篇：echarts3.0引入百度地图（更新）(代码片段)
update:由于目前echarts3.8.X比之前旧版改动较多，其实地图实例处许多朋友留言跑不通，今天更新下新版的做法，亲测已经可以。perface一直抽不开身，留言区以及不少朋友都在问如何在Echarts3.0里引入百度地图，... 查看详情
ng2中的百度echarts3.0使用——(echarts-ng2)
一：下载 echarts-ng2包 echarts-ng2时基于基于angular2的echarts组件。 安装：npm install echarts-ng2 !注：如果编译错误，提示如下(echarts-ng2.component.ts(3,26):Cannotfindmodule‘ec 查看详情
echarts3.0地图的炫光飞机样式怎么去除
//varplanePath='path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-... 查看详情
关于javascript,jquery,css学习问题的记录
Javascript模块化编程（一）：模块的写法ECMAScript6入门Echarts3.0官方文档 （API、实例、教程）Echarts3.0相关解读 【一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firef... 查看详情
echarts地图引入json或者js
由于echarts3.0地图数据暂停服务了，今天临时要修改一个地区的地图，可把我给忙活了echarts的例子上提供了引入js显示地图、引入json数据显示地图两种方式，下面简单介绍下这两种引入方式添加一个div，设置宽度和高度用来显示... 查看详情
echarts地图使用json数据显示方法
echarts3.0以后取消了内置地图，可用百度地图或json或js。需要导入jquery、echarts和china地图的js文件。 我这里主要说明的是地图怎么加载出来，Echarts官网有很多Demo，很多人会问明明把例子的代码都复制HTML里了，js和... 查看详情
可视化篇：echarts实现区域人群密度实时监控
...charts版本为3.2.3，关于如何引入百度地图，参考《Echarts3.0引入百度地图》3.此部分为热力图实时变化，可以通过扩展实现多区域实时变化，echarts3支持十万级别数据渲染，但是会有点慢下面是一些实现细节：... 查看详情
angular中对echarts图表进行封装（环形进度条、双y轴折线区域图）
...：双Y轴折线区域图：这里同样有些地方需要留意的，在echarts3.0版本以上，貌似y轴坐标就需要手动去划分刻度以及设置最大值或最小值。 查看详情
如何用百度echarts写一个关系图，百度demo上面叫graph？上面例子没看懂？
graph是echarts3.0的关系图的名称，所有关系图type类型都是graph，具体还得看你需求，还有你想做成什么样子的。参考技术Aecharts用起来不难，首先你找到你想要的那种图表，然后点击他的实例，这时你会看到一堆js代码，这段代码... 查看详情