怀英漫谈3-百度Echarts中日期控件的使用总结

你好, 今天下午在用百度的Echarts做一个日历图的效果,其中跌跌碰碰遇到了几个问题,好在最终都解决了,今天想跟你聊聊这几个问题。

本篇偏编程,可以跳至最后看感悟清单。

第一个问题就是,图例在哪儿修改。这个问题其实并不难,因为echart用的是中文,找到相应的改了即可。不过,这里面有一个点,option下的data中的图例和getPieSeries方法中的集合可以不一样,一开的时候以为他们是一样的,在由它去制定后台json格式的时候花费了一些时间,后来发现这个时间中的一部分是可以避免的。功能完成之后,我的总结如下:

  1. option下legend中的data集合就是纯粹的图例集合。
  2. getPieSeries()方法中,return的data集合,其中每一个子类中的name值,是每一个饼图中鼠标放上去之后的显示的。
  3. getPieSeries()方法中的data集合中的name最好要与图例中的,在格式上一致,在个数上只可少不可多。

第二个问题是,根据项目的需求,需要实现点击之后弹出模态窗口的操作。而且是点击每个饼弹出不同的模态窗口。在做这一点的时候,我没有去翻API,从CSDN上看到了一个方法,并且测试有效,如下:

myChart.on('click', function (param) {
    //param…里面是各种参数
}

第二个问题解决完了之后,随之便出现了第三个问题——如何将我需要的标识符传递给点击事件触发的函数,比如字符串类型的时间。在分析这个问题的时候,我用Debug测试了一下param的全部属性,发现其中的data值与getPieSeries()方法中的data值非常像,于是我尝试着在getPieSeries()中的data值里面加上了我自己的属性,发现在param的data中有显现。于是这个问题也随之解决了。

解决这三个问题,今天的加班也告一段落了。其实开始做的时候,我并不是很自信能把它调试出来,只不过,在一个一个问题解决之后,慢慢地信心也就逐步建立了。在第二个问题解决之后,大概估摸着自己能解决完,于是在遇到第三个问题的时候,才有猜测和试错的勇气。

不过呢,在面对第二个问题的时候我有些讨巧了,正常的做法是先去查API中的Event事件,这样能在一个比较准确的结果。

清 单

  1. 百度Echarts,好用,推荐。
  2. 编程从某种程度上来说是由一个个小的问题组成的,解决这些问题,除了毅力,还有解决这些问题后得到的正向反馈。
  3. 解决控件的问题,还是先看API的好。

原文发布于微信公众号 - 怀英的自我修炼(hydzwxl)

原文发表时间:2018-01-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏后端技术探索

业务id转密文短链的一种实现思路

买家通过电商app下单后,会受到一条短信,短信内容中包括改订单详情页面的h5地址连接,因为是出现在短信中,所以对连接有要求:1.尽量短;2.安全性考虑,订单在数...

673
来自专栏数据小魔方

动态图表系列6|列表框(offset函数)

今天跟大家分享动态图表系列6——列表框(offset函数)! 具体步骤与前一篇相同: 插入列表框制作选择菜单; 使用offset函数返回动态数据源; 插入图表。...

3045
来自专栏个人分享

Parquet文件结构笔记

  Parquet是面向分析型业务的列式存储格式,由Twitter和Cloudera合作开发,2015年5月从Apache的孵化器里毕业成为Apache顶级项目...

702
来自专栏用户2442861的专栏

百度笔试题目

http://blog.csdn.net/liuzhanchen1987/article/details/7987985

432
来自专栏python3

习题31:访问列表元素

访问列表中的元素,使用下标的方式,通常以0开始(为什么是0而不是1),这里程序的设计就是如此,个人觉得没有必要纠结,如有兴趣,可自行查看资料

632
来自专栏LEo的网络日志

markdown学习

3538
来自专栏小樱的经验随笔

【请您听我说】PHP语法特点的一些看法

一、基本认识   PHP是干什么的?百度百科上提到说:PHP就是一门脚本语言,开发用的,相信这个你们只要去搜一下,就会有一大堆关于PHP概念的解释。   相信我...

3256
来自专栏企鹅号快讯

LeetCode测试数据的爬虫

LeetCode的(包括付费)题目到处都有,可是测试数据怎么找呢?我设想了一种方法,来获得每道题的测试数据。 首先,对于权限不严格的在线评测系统,比如以前常做的...

1998
来自专栏程序员互动联盟

【专业文章】六种常见的HTML5写法误用(一)

一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用...

3045
来自专栏bboysoul

ASCII码表

ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁字母的一套电脑...

713

扫描关注云+社区