2019-05-02

利用框架绘图

---

一、前言

本篇开发环境

1、操作系统： windows 10 x64
2、编辑器：VS Code

二、实验内容

1. 实验准备

熟悉界面设计的原则；

学习前端的作图工具，比如eCharts https://ecomfe.github.io/echarts-doc/public/en/index.html、P5.js https://p5js.org/、D3.js https://d3js.org/

熟悉javascript的语法和编程；

• 电商婴儿用户数据集描述

• https://tianchi.aliyun.com/dataset/dataDetail?dataId=45

数据下载地址：见本文附件，或者Tianchi:Data sets

商品表格字段：

user_id:用户身份信息

auction_id:购买行为编号

cat_id:商品种类序列号

cat:商品序列号

property:商品属性

buy_mount:购买数量

day:购买时间

婴儿信息表格字段：

birthday:出生日期

gender:性别（0 male；1 female）

https://tianchi.aliyun.com/dataset/dataDetail?dataId=45

2. 任务
给定数据集，通过echarts绘制图片，对该数据集进行描述和趋势分析；

三、实验步骤

1.处理excel数据:

表格一：年份，性别
表格二：年份，购买人数，购买数量

2.学习echarts绘制柱形图的方法

https://www.cnblogs.com/jylee/p/9359363.html

3.扒下来的示例代码

4.完整代码

    
    

    

    

    
我国近年女婴总数基本多于男婴，婴儿总数逐年增长，但在14年有小下跌
    
电商领域发展迅猛，消费者每年成倍数增长，并且人均购买数量也在增长