ECharts Web数据可视化-ECharts官方文档及常用组件.pdfVIP

ECharts官方文档及常用组件 04-六月-21 ECharts官方文档及常用组件 Ø 前面介绍了柱状图、折线图、饼图3种最为常见图表的绘制和使用，但是没有介绍在遇到问题时如何寻求 帮助，也没有详细介绍图表中组件的使用。 Ø 图类与组件共同组成了一个图表，为了更加快捷地创建清晰明了、实用的图表，需要熟练使用ECharts官 方文档，也必须合理地使用一些常用组件。 Ø 本章将介绍ECharts中官方文档、常用组件的使用方法，如直角坐标系下的网格及坐标轴、标题组件、图 例组件、工具箱组件、详情提示框组件、标记线与标记点。 2 目录 1 ECharts官方文档、基础架构及常用术语 2 直角坐标系下的网格及坐标轴 3 标题组件与图例组件 4 工具箱组件与详情提示框组件 5 标记点和标记线 3 ECharts官方文档简介 Ø 对于ECharts官方文档，不要期望一天就能够看完整个文档，并理解文档的所有内容，而应该将文档看成 一部参考手册，在使用ECharts绘制图表时，应该知道如何随时快速地查询。 Ø 对于ECharts这么庞大的文档，没有必要记忆，也不太可能记忆全部配置项的内容，因此，只需记住几个 常用配置项的英文单词，如title、legend、toolbox、tooltip等。在ECharts 4.x的官网中，最为重要 文档为实例、教程、API和配置项手册。 4 ECharts官方文档简介 Ø 查询ECharts 4.x “文档”菜单中 “API”子菜单的步骤如下。 （ ）进入ECharts 4.x的官网，开发者使用得最多的就是 “文档”菜单。单击 “文档”菜单，弹出7个子 菜单，其中最为重要的是 “教程”“API”“配置项手册” ，如图所示。 5 ECharts官方文档简介 （2 ）单击 “文档”菜单的子菜单 “API”后， “API”界面分为左边的导航区和右边的信息主显示区。单击左 边导航区中的链接，就可在右边的信息主显示区中显示该链接所对应的详细内容，如图所示。 6 ECharts官方文档简介 Ø 查询ECharts 4.x “文档”菜单中的 “配置项手册”子菜单时，具体步骤如下。 （1 ）单击 “文档”菜单中的子菜单 “配置项手册” ；或在已进入 “文档”页面后，单击左上角的 “配 置项”链接，都可以进入 “配置项”子界面。 “配置项”子界面也分为左边的导航区和右边的信息主 显示区。单击左边导航区中的链接，就可在右边的信息主显示区中显示该链接所对应的内容，如图所 示。 7 ECharts官方文档简介 （2 ）在对配置项（option ）不太熟悉的情况下，可在 “配置 项手册”界面的