任务单12_Echarts交互组件和响应式的使用.docxVIP

PAGE PAGE 1 任务单12：Echarts交互组件和响应式的使用 §任务要求 任务背景： 当前电子商务普及，交易数据非常庞大。对电子商务数据通过可视化手段进行分析和图表展示，可以帮助销售人员改进销售手段和策略，提高销售量。 本单元交互组件visualMap、dataZoom，自动布局技术，通过这些技术来实现绘制商品销售数据的图表。 拓展任务为使用dataZoom组件拖动x轴和y轴来缩小或放大图片。 任务1、ECharts 交互组件的使用 ECharts 提供了很多交互组件，例如：图例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline等。 下面将使用视觉映射组件 visualMap、数据区域缩放组件 dataZoom。 （1）使用visualMap实现视觉通道的映射 visualMap组件可以进行视觉通道的映射，包括颜色、尺寸 视觉元素可以是： symbol: 图元的图形类别。 symbolSize: 图元的大小。 color: 图元的颜色。 colorAlpha: 图元的颜色的透明度。 opacity: 图元以及其附属物（如文字标签）的透明度。 colorLightness: 颜色的明暗度。 colorSaturation: 颜色的饱和度。 colorHue: 颜色的色调。