怀英漫谈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 条评论
登录 后参与评论

相关文章

来自专栏NetCore

微信快速开发框架(一)-- 对微信公众平台开发的消息处理

这几天有点空,做了个Android App后,想着对接一下公司的微信平台,以便让客户更方便查询,在研究微信平台中,要注意以下几点: 1、微信验证消息真实性是用...

2507
来自专栏SHERlocked93的前端小站

JS 外观模式

外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用。 外观模式在JS中常常用于解决浏...

874
来自专栏緣來來來

Python爬虫 --- 2.1 Scrapy 爬虫框架的安装与基本介绍

这次介绍一个及其强大的爬虫框架---Scrapy,Scrapy由 Python 编写,是一个快速、高层次的屏幕抓取和web抓取框架,用于抓取web站点并从页面中...

581
来自专栏魏琼东

一步一步教你使用AgileEAS.NET基础类库进行应用开发-WinForm应用篇-实现字典的打印

系列回顾          从上一篇文章一步一步教你使用AgileEAS.NET基础类库进行应用开发-WinForm应用篇-实例一个模块(商品字典)开始我带领大...

1735
来自专栏达摩兵的技术空间

“不吹不黑”说一说列表页多“简单”

相信随着前端职业的兴起,有不少后端或者项目经理觉得前端不就那么回事么?甚至于有些时候,后端一看这么个简单的东西也要做一天?那么本文就带大家了解一下一个还算正常的...

532
来自专栏Java学习网

程序员编程的 7 + 1 条小贴士

程序员编程的 7 + 1 条小贴士 1.编码之前想一想 用10分钟,20分钟甚至30分钟的时间来想想你需要什么,想想什么样的设计模式(如果有的话)适合你将要编码...

2878
来自专栏极客慕白的成长之路

React . js 是怎样炼成的?

内容整理自 2014 年的 OSCON - React Architecture by vjeux(https://speakerdeck.com/vjeux/...

794
来自专栏web前端教室

[一对一课程] 之 设计并实现第一个JS模块?

这篇文章不太好写,谈目前网上的多数教程,谈到JS模块必贴代码,而我一向不喜欢在公众号文章里写代码,因为难以阅读。所以我尝试从“构思”的角度,来写一下本文。 在昨...

2048
来自专栏喵了个咪的博客空间

phalcon-进阶篇1(过滤与清理)

#phalcon-进阶篇1(过滤与清理)# ? 本教程基于phalcon2.0.9版本 ##前言## 先在这里感谢各位phalcon技术爱好者,我们提供这样一个...

2788
来自专栏守候书阁

自己写的面试题,自己想的答案

因为机缘巧合,让当了无数次面试者的我,当上了面试官,也和几个面试者交流过。既然要应对面试者,我就当然要准备面试题了,好让我大概知道面试者是什么水平。这个时候,也...

822

扫码关注云+社区