ECharts数据可视化项目实践 项目二 水果销售管理系统 06水果前端讲义.pptx

;项目二 水果销售管理系统;;展示图形;本任务是展示各省水果销售情况。选择散点图来完成图形展示。;图2-19 散点图;图2-20 散点图在页面展示;本任务是展示全国水果销售情况。选择词云图来完成图形展示。; 其余代码可以仿照任务1的子任务1完成。;图2-21 词云图;本任务是展示当前卖场的水果和所属科目关系。选择关系图来完成图形展示。; 关系图其余代码可以仿照任务1的子任务1完成。;图2-22 关系图;本任务是展示全部卖场销售预算的情况。选择箱线图来完成图形展示。; 箱线图提示tooltip的配置代码如下：; 箱线图y坐标轴yAxis的配置代码如下：; 箱线图series配置项的配置代码如下：;图2-23 左边箱线图;本任务是展示当前卖场销售预算的情况。选择箱线图来完成图形展示。;图2-24 右边箱线图;因此本任务是利用数据显示展示当前卖场的关键数据。直接从后端获取数据在前端展示。;将要绘制的图形和相应的容器绑定，代码如下：; 数据展示可以仿照任务1的子任务1完成。 数据展示最后呈现的结果如图2-25所示。 ;本任务是展示当前卖场各省份总销量和门店平均销量。选择地图来完成图形展示。;地图地理坐标系组件geo的配置代码如下：;地图series配置项的配置代码如下：; 地图其余代码仿照任务1的子任务1完成。 另外在地图所在容器上有两个超链接“各省总销量”和“各