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

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

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

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

option下legend中的data集合就是纯粹的图例集合。

getPieSeries()方法中，return的data集合，其中每一个子类中的name值，是每一个饼图中鼠标放上去之后的显示的。

getPieSeries()方法中的data集合中的name最好要与图例中的，在格式上一致，在个数上只可少不可多。

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

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

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

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

清 单

百度Echarts，好用，推荐。

编程从某种程度上来说是由一个个小的问题组成的，解决这些问题，除了毅力，还有解决这些问题后得到的正向反馈。

解决控件的问题，还是先看API的好。