(IDE) Vue+Echarts实现官方的更酷炫的案例

• 前言
• 解决方法
• 酷炫Echarts官方实例(可直接使用)
• • 1. 大数据量面积图
  • 2. 桑基图层级定义样式
  • 3. 关系图
• 自己写的效果

Echarts官方文档

这是之前写的一个博客

我发现之前写的是真的烂，太Low了。 最近才稍微会点咋用。我还是这么菜…
官方给的稍微高级点的案例，我发现放到我的页面上运行，就是一片空白…

我发现真的很难找到，怎么开发出官方给的这种稍微高级点的，关于Echarts的案例大多是一些简单的折线图，扇形图，条形统计图啥的，但是怎么搞一个更加酷炫的图呢？比如说下面的：

我每次看 官方文档 的时候（新手,真的看不懂官方怎么用的，高手看到了轻点喷），都是带着这种疑问：（我开发用的是IDE，Vue框架）

1. 我这些变量都应该放到哪里？？？
   
2. 这个“option && myChart.setOption(option);放进去，但是我的网页还是显示不了效果（空白）。
   
   每次稍微用高级一点的图，代码一个错都不报，但是Echarts在页面里面就是空白！！

这里详细说明一下上面的酷炫图是如何实现的。

1. 官方给的案例很多是死数据类型的，所以它会先定义一些随机数，存放于数组中。或者for循环生成一堆随机数，这部分数组的定义、变量，间隔控制等，应该放在在vue的

   ············································································································································
   下面给出另外几个好看点的Echarts实例：

   酷炫Echarts官方实例(可直接使用) 1. 大数据量面积图
   2. 桑基图层级定义样式
   3. 关系图

   方法掌握了后面实现就是照猫画虎…

   自己写的效果

   最后放上一张我自己写的数据分析内容：
   
   
   上面这张图敲了我整整1000行…
   没想到上榜了,纪念一下…
   
   若有错误，烦请指正。