在数据可视化领域，ECharts 是一款非常流行的 JavaScript 库，它可以帮助开发者轻松创建各种图表，包括散点图。散点图是一种通过在二维坐标系中绘制数据点来展示数据之间关系的图表。下面，我将详细讲解如何使用 ECharts 创建一个简单的散点图。
环境准备
在开始之前，请确保你的开发环境中已经安装了 Node.js 和 npm（Node.js 的包管理器）。此外，你还需要在你的 HTML 文件中引入 ECharts 的库。
”`html <!DOCTYPE html>
<meta charset="utf-8">
<div id="container" style="height: 100%"></div>
<!-- 引入 ECharts -->
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/dataTool.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/map.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/china.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/bmap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/geographic.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/geo.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/dataZoom.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/roam.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/visualMap.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/visualMap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/visualMap-regular.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/visualMap-piecewise.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/visualMap-piecewise.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/knowledge.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/knowledge.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/brush.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/brush.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/sankey.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/sankey.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/dark.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/macarons.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/roma.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-light.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-light.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-title.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-title.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-encode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-scale.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legendencode.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-legend.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-tooltip.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/extension/vega-axis.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax