echarts花样作死的坑

jk_v1 发布于2019-08-30 15:47 / 2275人阅读

摘要：这个可以解决很多问题了，但是由于本人偷懒，只看了字符串模板，回调函数太麻烦直接忽略了，字符串模板用起来虽然简单但是数据是死的，而且不能加代码。

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

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

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

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

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

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

然后就遇到一个坑

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

formatter代码如下

点击事件是这样

点击测试按钮，按道理来讲没有任何问题，可以得到我想要的name

但是！
报错了

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

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

然后，我成功辣！

echats网上有很多教程，但是没有哪一篇涉及到了这一点，还好自己捣鼓捣鼓弄出来了，很开心

超融合服务器服务器托管花样新花样语言的坑爹设计阿里云服务器的坑

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116391.html

echarts花样作死的坑

摘要：这个可以解决很多问题了，但是由于本人偷懒，只看了字符串模板，回调函数太麻烦直接忽略了，字符串模板用起来虽然简单但是数据是死的，而且不能加代码。目前手上的工作，老板接了一个活计，能够有一个自由移动的地图，然后在地图上某个地方点一下，出现各种数据展示之类的，我一眨眼就想到了应该用echarts，但是这个玩意我只有培训的时候粗略的用了一下，画了个饼图就结束了，这次要我单独做一个客户的交互地...

Dongjie_Liu 2019-08-23 12:36 评论0 收藏0
巧用patternLock开发图案滑屏解锁

摘要：此外，本例还使用到了相关文件。制作个性化的九宫格图本图将品牌字母融入其中，同时包含了网站三大特色业务借换购。此外，还有个问题。作者的话：基于patternLock插件实现九宫格登陆校验功能。其亮点在于摒弃传统校验方式同时融合产品文化。同上一篇文章一样，本次实现功能剥离至本人15年毕设项目《ReBook》。下面介绍主要思路，详情请戳后面源码链接。效果图：左侧：九宫格滑动区域，右侧...

enrecul101 2019-08-19 17:18 评论0 收藏0
巧用patternLock开发图案滑屏解锁

摘要：此外，本例还使用到了相关文件。制作个性化的九宫格图本图将品牌字母融入其中，同时包含了网站三大特色业务借换购。此外，还有个问题。作者的话：基于patternLock插件实现九宫格登陆校验功能。其亮点在于摒弃传统校验方式同时融合产品文化。同上一篇文章一样，本次实现功能剥离至本人15年毕设项目《ReBook》。下面介绍主要思路，详情请戳后面源码链接。效果图：左侧：九宫格滑动区域，右侧...

Atom 2019-08-28 18:30 评论0 收藏0
Equinox MANIFEST.MF 中文处理 Bug

摘要：之前一段时间排查一个应用在中文目录下无法启动的问题，查过一个的处理的坑。这里记录一下里面对中的中文处理的坑。只能说在用到的时候，尽量不要使用中文的吧。之前一段时间排查一个应用在中文目录下无法启动的问题，查过一个 Equinox 的 Manifest 处理的坑。今天，一个同事在写 Equinox 插件的时候也遇到了类似的问题。这里记录一下 Equinox 里面对 Manifest 中的...

RobinTang 2019-08-14 12:03 评论0 收藏0
Dobee Routing 组件

摘要：框架路由组件改玩意也是依赖的哟。，很荣幸有这大神陪伴，感觉自己就是个渣。用例每个配置之后都对象，也就是说，以上用例配置完之后，可以执行一系列的链式操作。常言道生命不止，折腾不息。干我们这行的，不是被人干就是干别人通常都是被人干。 Dobee php routing component. 框架路由组件改玩意也是依赖composer的哟。项目地址: github cod...

Steven 2019-07-01 12:13 评论0 收藏0