ECharts常用图表 散点图

本文详细介绍了如何使用ECharts实现散点图,并探讨了散点图的各种效果,包括气泡图、涟漪动画及结合地图的应用。同时,还讲解了散点图的特点及其在数据分析中的应用。

1.图表3 散点图

1.1.散点图的实现步骤

  • 步骤1 ECharts 最基本的代码结构

此时 option 是一个空空如也的对象
  • 步骤2 准备 x 轴和 y 轴的数据

假设这个数据是从服务器获取到的 , 数组中的每一个元素都包含 3 个维度的数据 : 性别 , 身高 , 体重 ,
散点图需要的数据是一个二维数组 , 所以我们需要将从服务器获取到的这部分数据 , 通过代码生成散
点图需要的数据
 

axisData 就是一个二维数组 , 数组中的每一个元素还是一个数组 , 最内层数组中有两个元素 , 一个
代表身高 , 一个代表体重
步骤3 准备配置项
  • xAxis yAxis type 都要设置为 value
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值