ECharts数据可视化项目实践 项目一 天虎网上超市销售管理系统 03天虎前端讲义.pptx

;项目一 天虎网上超市销售管理系统;;展示图形;1.2 展示图形;1.2 展示图形;本任务展示属于非酒精饮料类型的各个商品在购物篮中的数量。; 柱状图title代码如下：; 柱状图x坐标轴xAxis代码如下：; 柱状图y坐标轴yAxis代码如下：; 柱状图series代码如下：;图1-20 使用渐变色生成器前后对比;柱状图最后呈现的结果如图1-21所示。; 柱状图出现在页面的结果则如图1-22所示。;本任务是展示购物篮中数量排名前十的商品。;title代码如下：; 条形图series配置项的配置代码如下：;条形图最后呈现的结果如图1-23??示。;本任务展示全部商品类型以及所属的商品总数量。; 瀑布图x轴xAxis的配置代码如下：;瀑布图最后呈现的结果如图1-24所示。; “隐藏的柱子” 就是瀑布图的“真相”。如图1-25所示。;本任务是展示滞销商品类型。; 折线图最后呈现的结果如图1-26所示。;本任务是展示熟食商品的情况。;雷达图最后呈现的结果如图1-27所示。; 本任务是展示农副商品的情况。;玫瑰图最后呈现的结果如图1-28所示。;本任务是展示商品种类最多的商品类型。; 环形图图例legend的配置，设置了一个“scroll”，当图例过多时，可以分页显示。代码如下：; ;环形图最后呈现的结果如图1-29所示。;本任务是