echarts花样做死的坑

目前手上的工做，老板接了一个活计，可以有一个自由移动的地图，而后在地图上某个地方点一下，出现各类数据展现之类的，我一眨眼就想到了应该用echarts，可是这个玩意我只有培训的时候粗略的用了一下，画了个饼图就结束了，此次要我单独作一个客户的交互地图出来，内心仍是没点底，可是好在时间不少，能够慢慢学习，

接下来就讲讲在用echats中的遇到的一些问题

---

遇到的一个问题就是，老板要求，不能鼠标滑上去就马上触发tooltip,要点击之后才触发

一开始对echarts了解的不多，就看文档，看到一个emphasis（强调）和normal（普通）,emphasis我测试了一下发现只要鼠标移上去，就是emphasis状态了，可是里面的展现的东西我目前没有办法更改，因而又去看文档，找到了一个叫作formatter属性,echarts官网上对formatter的描述是

用来格式化图例文本，支持字符串模板和回调函数两种形式。

这个能够解决不少问题了，可是！因为本人偷懒，只看了字符串模板，回调函数太麻烦直接忽略了，字符串模板用起来虽然简单可是数据是死的，并且不能加html代码。悲惨的我在字符串模板上耽误了大概一天的时间，次日开始看回调函数，一看，回调函数还能够加！代码！ 也就是我能够如上图那样在上面加连接，加按钮！太棒了！

而后就遇到一个坑

要完成的功能是，点击按钮，或者连接，弹出来一个窗口播放视频，那么首先我点击的时候，就要获得这个连接，因此，我就想测试一下，能不能点击按钮，得到对应的链接

formatter代码以下

点击事件是这样

点击测试按钮，按道理来说没有任何问题，能够获得我想要的name

可是！
报错了

这有点让我意外，幽州is not defined是怎么个意思？ 幽州何时是个变量了？？？

迷思苦想，难道传进去的时候格式不对？我想到了JSON格式（毕竟我也只知道JSON格式）而后把代码改为了这样

而后，我成功辣！

echats网上有不少教程，可是没有哪一篇涉及到了这一点，还好本身捣鼓捣鼓弄出来了，很开心