ECharts实训案例（2）

目录

上篇实训案例：

        实训案例（1）

本篇实训案例：

实训1客户数量与销售额相关分析

实训2 店铺销售情况分析

---

上篇实训案例：

        实训案例（1）

本篇实训案例：

实训1客户数量与销售额相关分析

1. 训练要点
掌握散点图的绘制。
2. 需求说明
“销售任务完成情况表.xlsx”文件记录了某公司的销售信息数据，包含某公司销售经理、销售代表、客户总数、已购买客户数量、销售额、销售任务额信息，通过绘制散点图分析已购买客户数量与销售额之间的关系。
3. 实现思路及步骤        
（1）在 VS Code 中创建scatter.html 文件。

（2） 绘制散点图。首先，在 scatter.html 文件中引入 echarts521.js 库文件。

        创建echarts521.js

其次，准备一个具备大小（weight 与height）的div 容器

<div id="main" style="width: 820px; height: 600px"></div>

并使用 init0方法初始化容器。

var myChart = echarts.init(document.getElementById("main"));

 

最后设置散点图的配置项、“己购买客户数量”与“销售额”数据完成散点图绘制。

var option = {
            title: {
                x: 222,
                text: '已购买客户数量与销售额分布情况'
            },
            color: ['blact'],
            xAxis: {
                scale: true,
                name: '客户数量(个)',