任务单14：电商数据Echarts可视化综合应用.docxVIP

PAGE PAGE 3 任务单14：电商数据Echarts可视化综合应用 §任务要求 Echarts综合应用。编写Echarts实现多个图表共享一个dataset，并带有联动交互效果的图表：多条折线图联动饼图。 下图下方为不同产品2012-2017年的销量情况，当鼠标移动到不同年份时，饼图呈现这一年4种产品的销量占比情况。 源代码如下： 【拓展任务】 ECharts事件处理 ECharts 中我们可以通过监听用户的操作行为来回调对应的函数。ECharts 通过 on 方法来监听用户的行为，例如监控用户的点击行为。 ECharts 中事件分为两种类型: （1）用户鼠标操作点击。如 click、dblclick、mousedown、mousemove、mouseup、mouseover、mouseout、globalout、contextmenu 事件。 （2）行为事件。这种是用户在使用可以交互的组件后触发的行为事件，例如在切换图例开关时触发的 legendselectchanged 事件，数据区域缩放时触发的 datazoom 事件等等。 1、使用鼠标事件 当点击方柱时，触发弹框效果，效果图如下： 2、使用组件交互的行为事件 当点击图例隐藏/打开系列数据图时，触发事件，在控制台显示提示信息，效果图如下： 【阶段测试】 自己创作一个比较复杂的Echarts图表，譬如表格联动散