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

相关文章

来自专栏菩提树下的杨过

Flash/Flex学习笔记(23):运动学原理

先写一个公用的小球类Ball: package{ import flash.display.Sprite; //小球 类 public class B...

25310
来自专栏张善友的专栏

LINQ via C# 系列文章

LINQ via C# Recently I am giving a series of talk on LINQ. the name “LINQ via C...

2645
来自专栏张善友的专栏

Mix 10 上的asp.net mvc 2的相关Session

Beyond File | New Company: From Cheesy Sample to Social Platform Scott Hansel...

2567
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.2K7
来自专栏Ceph对象存储方案

Luminous版本PG 分布调优

Luminous版本开始新增的balancer模块在PG分布优化方面效果非常明显,操作也非常简便,强烈推荐各位在集群上线之前进行这一操作,能够极大的提升整个集群...

3105
来自专栏一个会写诗的程序员的博客

Spring Reactor 项目核心库Reactor Core

Non-Blocking Reactive Streams Foundation for the JVM both implementing a Reactiv...

2152
来自专栏飞扬的花生

jsencrypt参数前端加密c#解密

      写程序时一般是通过form表单或者ajax方式将参数提交到服务器进行验证,如何防止提交的请求不被抓包后串改,虽然无法说绝对安全却给非法提交提高了难度...

3859
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

5426
来自专栏张善友的专栏

Silverlight + Model-View-ViewModel (MVVM)

     早在2005年,John Gossman写了一篇关于Model-View-ViewModel模式的博文,这种模式被他所在的微软的项目组用来创建Expr...

2968
来自专栏魂祭心

原 canvas绘制clock

4064

扫码关注云+社区