首页 > 代码库 > 关于ECharts入门系列

关于ECharts入门系列

前阵子因为项目的需要接触了报表开发工具,经过一番了解之后发现百度的开源项目ECharts是一个很不错的报表开发工具。

项目完成一段时间后,我便进一步了解ECharts的使用,希望能够对ECharts的使用有进一步深入的了解。

一、为什么选择ECharts

在报表开发工具领域,也有很多成熟的开发工具可以用,比如:jFreeChart、FusionChart、HighChart等,他们都能够满足基本的使用需求。

但我选择ECharts的原因主要是因为:

1、ECharts是国内百度的开源项目,文档资料很容易获取,而且是中文,学习很方便。

2、ECharts项目是开源的,没有商用收费的烦恼。

3、ECharts的功能很丰富。ECharts提供了工具栏控件,可以画辅助线,可以进行展示图形的切换等。

4、ECharts提供了对地图的支持,可以用地图很好地进行展示。

虽然在某些方面,其他开发工具也具有,但是四点都具备的,就只有ECharts了。

或许你看一下这个页面,你会对ECharts有更深入的了解:Why ECharts ?

二、关于本入门系列的思考

花了一点时间把ECharts官网上的例子大概看了一遍,看完之后,觉得其实ECharts使用起来也挺简单的。

于是,自己觉得这么简单的东西就不用写了吧。

后来我想了想,其实对于一周前的我来说,ECharts的使用我还真不觉得简单,那一团团的HTML和JS,完全不知道怎么回事。

于是,我就坚定了写下本入门系列的信心了。一方面让自己对学完的东西有个总结,另一方面给想用ECharts的同学一个简单的入门路线分享。

三、如何学习ECharts

确定要写本系列之后,我在想我要用何种方式写。是把官网上的例子全部从头到尾注释一遍,然后一篇篇讲解么?

这样的话,那还不如直接直接上官网看呢!

经过一番思索,我确定了写作的思路:将自己学习的时候遇到的一个个难点/需求点作为写作点来写。

比如我在做一个展示中国辽宁省各地市的地图的时候,我就不知道如何改变鼠标移上去的提示。

这时候,关于提示(ToolTips)就是一个知识点,我会将其深入讲解。

四、建议的学习方式

其实ECharts就是一个写好的JS库,我们只需按一定模式去调用它就好了。学习ECharts完全没有必要去把ECharts官网上的例子完全看完,那样是没用的。

我建议的学习方式是了解ECharts使用的一个结构(先引入文件、声明一个div块……),然后到官网上去找你需要的报表类型,在官网给出的demo上进行修改,然后直接把demo拷贝下来使用即可。

在这个过程中,有什么不懂的属性,直接在官网的文档上查找,现用现查。

 

下一篇文章开始进入ECharts的学习啦~