echarts 真的是个神奇的东西，最近做了一个需要点亮中国的移动端项目，前期就怎样点亮中国做了调研，发现微博当初炫酷的点亮效果就是用echarts做的，于是研究了一下。
一连研究了一堆demo，不管从官网还是GitHub上面，大多demo的数据都是自己的格式，于是乎根据API自己研究了一下，把demo和最终结果整理了一下。
网盘：https://pan.baidu.com/s/15ndzg5xjm0yqNL-6pi6SsQ 密码：idub
demo效果：
项目效果：
看上去效果不同是由于底色和数据量不同造成的。
一闪一闪的效果是由css3的循环显示隐藏制作 ，2个canvas，下面那个为地图背景，上面的是城市的点。
emmm，具体API我就不分析了，参考echarts官网：http://echarts.baidu.com/
还有就是data数据里有一串代码：
{name: '',// type: 'effectScatter',type: 'scatter',coordinateSystem: 'geo',showEffectOn: 'render',rippleEffect: {period: "5",scale: "7",brushType: 'stroke',//brushType: 'fill', },data: [{"value": ["123.50", "26.03", "1"]}, {"value": ["123.0", "25.93", "1"]}, {"value": ["122.8", "25.73", "1"]}, {"value": ["121.4", "22.33", "1"]}, {"value": ["119.55", "23.28", "1"]}],symbolSize: 2,itemStyle: {normal: {color: '#3a9cbd' // 数据点颜色 }}}
这是客户要求加的南海的几个岛屿，echarts的china文件里没带，我就自己加上了。上面的gif图是项目做一半的时候录的 那时候还没有加上，请参考最终demo。
