Echarts笔记——散点图（1）BMI涟漪散点图

最新推荐文章于 2023-04-21 11:20:55 发布

寧三一

最新推荐文章于 2023-04-21 11:20:55 发布

阅读量1.7k

点赞数 4

分类专栏： echarts 文章标签：数据可视化 echarts js

本文链接：https://blog.csdn.net/weixin_51967583/article/details/115335829

版权

本文介绍了如何使用Echarts实现BMI散点图，并演示了如何通过涟漪效果和条件设置（颜色、大小）来增强数据的展示。通过示例代码展示了如何根据BMI值调整散点颜色和大小，适合初学者理解散点图的高级应用。

摘要由CSDN通过智能技术生成

Echarts笔记——散点图（1）BMI涟漪散点图

1. 基础散点图类型（scatter) , 涟漪散点图 ( effectScatter ) 。

2. 设置涟漪动画（ rippleEffect ）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>散点图</title>
    <script src="../../js/echarts.min.js"></script>
    <script src="../../js/jquery.min.js"></script>
</head>
<body>
<div id="main" style="height: 800px;width: 1200px;"></div>

<script type="text/javascript">
    sca_Data = [
        {"height": 174, "weight": 50, "gender": "男"}, {"height": 156, "weight": 40, "gender