ECharts 图表组成
上一节的学习,我们通过自己的努力完成了简单的小案例,大家也再网页中看到自己优秀的作品。但是可能同学们会疑问了,为啥我的图表就光秃秃的,别人的图表都是丰富齐全呢?这个小节我们就看一看“别人的”图表都有些什么组件吧。但是记得哦~ 别人的不一定是最好的,适合自己的才是最好的,要根据自己的实际需求择优选择。
为了更好地应用 ECharts 做可视化开发,有必要在深入学习前对图表的组成做一次简单的总览。完整的 ECharts 图表包含如下部分:
title
组件用于渲染图表的,含主、副两部分。 title
组件配置位置、文本样式、模式等,详情可参考 一节。
当鼠标悬停在图表的某点或坐标轴的某个值上时,以浮层方式展示该点数据信息的组件。框内的信息还可以通过格式化动态指定,详情可参考 一节。
图例是图表的辅助视觉引导组件,用以解释说明图表中各数据序列的含义及图表中数据的筛选。详情可参考 一节。
图表操作工具栏,内置导出、数据视图、动态图表类型切换、数据区域缩放、重置五种工具,但扩展,详情可参考 一节。
视觉映射组件可将图表数据投影到视觉通道上,例如通过连续变化的颜色反应图表的数值变化。visualMap 组件还选定指定范围的数据进行展示,详情可参考 。
timeline
组件提供了一种在多个 option
间连续切换,重新渲染图表视图的能力。通常用在图表基本配置不变,但图表数据持续变动的场景,详情可参考 。
dataZoom
组件用于实现图表区域缩放,让能够自由聚焦在某片数据区域,又或是概览全局数据。dataZoom
组件分内置型、滑动条型、框选型三种,详情可参考 。
除上述通用组件外,ECharts 还划分出一系列组件用于声明坐标系的特征。坐标系组件与图表关系密切,部分图表需要有特定的坐标系作为容器才能正常渲染,ECharts 目前如下坐标系: