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

相关文章

来自专栏恰童鞋骚年

Unity3D游戏开发初探—4.开发一个“疯狂击箱子”游戏

  (1)如何在游戏脚本程序中创建对象而不是一开始就创建好对象?->使用GameObject的静态方法:CreatePrimitive()

1484
来自专栏王大锤

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

4278
来自专栏Coding01

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

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

2032
来自专栏LET

CPU SIMD简介

之前的两篇文章,分别介绍了CPU和CPU Cache两个话题,性能是永恒的核心。我们也谈到了优化CPU性能面临的三堵墙:

1883
来自专栏算法+

WebRTC 音频算法 附完整C代码

AEC是声学回声消除(Acoustic Echo Canceller for Mobile)

5705
来自专栏有趣的Python和你

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

1393
来自专栏FreeBuf

Python工具分析风险数据

小安前言 随着网络安全信息数据大规模的增长,应用数据分析技术进行网络安全分析成为业界研究热点,小安在这次小讲堂中带大家用Python工具对风险数据作简单分析,主...

2759
来自专栏java一日一条

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

上周末,曝出了山寨WhatsApp Android应用程序的新闻,看似由相同的开发者提供作为了官方应用程序。欺诈分子通过在开发者名字中包含unicode非输出空...

942
来自专栏数据派THU

独家 | 一文读懂PySpark数据框(附实例)

本文中我们将探讨数据框的概念,以及它们如何与PySpark一起帮助数据分析员来解读大数据集。

951
来自专栏数据小魔方

流量结构分布图——桑基图(Sankey)

桑基图作为相对复杂的图表种类,平时很少用到,不仅仅是因为它的引用场景相对狭窄,另一方面则是制作难度相对较大,门槛较高。 不过针对第一个问题,如果你能很好地理解自...

1.2K5

扫码关注云+社区

领取腾讯云代金券