上周项目组要临时给客户做一个演示的原型，首页设计的是一个中国地图，本来打算用谷歌的地图，但是，做出来之后，整体的效果看起来太差了，最后就在网上搜相关的地图呈现的控件，然后就找到了这个ECharts报表呈现组件，挺不错的一个组件，而且地图数据都是离线的，真心很赞。但是，使用起来却颇费了一番工夫。所以就把使用中的一些心得体...

一、echarts3.0(官网:http://echarts.baidu.com/)首先通过npm安装echarts依赖，安装的为3.0版本npminstallecharts-s也可以使用淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpm...

从npm安装------>vue文件中使用有详细的说明 | | |V强烈推荐此博主的https://blog.csdn.net/weixin_37861326/article/details/80775326...

转载来源：https://blog.csdn.net/john1337/article/details/54666759案例一：在实际应用中希望（没有数据的省会）禁止高亮颜色，解决方案：mapChart.on("mouseover",function(params){if(params.data.value==unde...

转载来源: https://blog.csdn.net/yc_1993/article/details/52431989update: 由于目前echarts3.8.X比之前旧版改动较多，其实地图实例处许多朋友留言跑不通，今天更新下新版的做法，亲测已经可以。perface 一直抽不开身，留...

2018年02月06日22:18:57来源：https://blog.csdn.net/shaxiaozilove/article/details/79274772   最近在仿照EChart公交线路方向示例，开发表示排水网和污水网流向地图，同时地图上需要叠加排放口、污染源、污水处理厂等要...

 代码如下： xAxis:[{type:'category',data:result.weekListAndYear,//result.weekList,axisLabel:{//interval:0,//控制坐标轴刻度标签的显示间隔.设置成0强制显示所有标签。设置为1，隔一个标签显示一个标签。设置...

 一、bootstraptabs解决方案方式一tab切换echarts无法正常显示https://blog.csdn.net/cjs68/article/details/78072382tab切换时候，第一个图正常显示，第二个及之后的图无法正常显示。 问题是这样的，用了两个tab切换，每个tab里面...

  最近有不少朋友在追问这样一个问题：我单序列的柱状图，我想让每一个根柱子的颜色都不一样，应该如何做？针对这个问题，其实我只想说你压根没有认真看完或者查找ECharts官方的示例，官方能够找到的示例有：1、http://echarts.baidu.com/doc/example/bar14.html...

来源：https://blog.csdn.net/david_jiahuan/article/details/80096922案例一 项目中现有样式：客户需求：将图例分为两列，并且上下两列的图例要对齐：==================================================具体思路...

解决方案：setOption时默认是合并，如果要全部重新加载要写成setOption（{}，true），这样就可以了。只写成这样setOption（{}），没有true也默认合并这次和上次的数据，而不是更新。 来源：https://blog.csdn.net/u010682330/article/detail...

  解决方案： 1.调整option中的grid.top值才能避免重叠；（可以设置定制，也可以定义了一个计算公式） 2.文档注明【特殊字符串''（空字符串）或者''(换行字符串)用于图例的换行。】 转载来源：http://blog.csdn.net/doleria/ar...

 最近在写一个地图类的应用，用的是echarts的图表，然而一上来就一脸懵逼，如果父级容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px，这设计不知道是为啥。 google到的解决方案如下添加win...

来源http://blog.csdn.net/u010705091/article/details/75212724在echarts.js中，点击折线图的数据试图按钮，会以表格table的形式展示折线图中的数据，但是此时的table格式比较乱。如下图：所以，为了展示美观需重写table的样式。echart.js的官方文...

 import echarts from 'echarts'import dataTool  from 'echarts/extension/dataTool' 引用了就可以输出，自动和echarts关联上来。created（）{...