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

相关文章

来自专栏灯塔大数据

每周学点大数据 | No.48 计算子图同构

No.48期 计算子图同构 Mr. 王:我们再来看一个例子——计算子图同构。这个问题给定(节点有标签)数据图G和查询图P,找到G 中和P 同构的子图。这是一个...

2968
来自专栏Golang语言社区

组件-实体-系统 (ECS \CES)游戏编程模型

一般来说,我们实现游戏实体都是采用面向对象的方法进行编程。每一个实体都是一个对象,并且需要一个基于类的实例化系统,允许实体通过多态 来扩展。但是,这样的方法,往...

1572
来自专栏王大锤

iOS中的预编译指令的初步探究

4028
来自专栏nimomeng的自我进阶

Swift 4.2新特性——WWDC2018 Session401笔记

厨子今年的演讲很不给力。不过既然是软件开发者大会嘛,焦点自然应该放在软件功能上。 所以我看了下今年的Session401,也就是Swift4.2新特性介绍,做...

2962
来自专栏Python攻城狮

Python数据科学(三)- python与数据科学应用(Ⅲ)1.使用Python计算文章中的字2.使用第二种方法直接使用python中的第三方库Counter

我下了很多次最后都下载失败了,现在说第二种方法。 直接下载打包好的安装包:下载地址1:云盘密码znx7,下来的包nltk_data.zip 解压到C盘根目录下...

1071
来自专栏安恒网络空间安全讲武堂

Writeup丨国赛线上初赛解题第二波~

1324
来自专栏有趣的Python和你

Python数据分析之dataframe的groupbygroupby函数highcharts绘图

953
来自专栏编舟记

生成式测试(Generative Testing)

满足需求是所有软件存在的必要条件,单元测试一定是为它服务的。从这一点出发,我们可以总结出写单元测试的两个动机:驱动(如:TDD)和验证功能实现。另外,软件需求易...

1473
来自专栏Coding01

推荐一个制作「ASCII 流程图」工具——Graph Easy

我不止一次看到类似「知乎」网站那种 Console 上直接输出这种「ASCII 文本」。

1272
来自专栏IT大咖说

关于 Unicode 每个程序员应该知道的 5 件事

摘要 Unicode是一个令人难以置信的有用标准,它能使全世界的计算机、智能手机和智能手表以同样的方式显示相同的信息。不幸的是,它的复杂性使它成为了欺诈分子和恶...

2797

扫码关注云+社区