Echarts中散点图的绘制

在ECharts中，散点图（Scatter Chart）是一种常用的可视化图表，用于展示两个变量之间的关系，每个数据点由x轴和y轴坐标表示。要绘制散点图，你可以按照以下步骤操作：

1. 首先，引入ECharts库到HTML文件中：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>

2. 创建一个ECharts实例，并设置其配置项，包括数据、图形类型等：

var chart = echarts.init(document.getElementById('main')); // 'main' 是容器ID
var option = {
    title: { text: '散点图示例' }, // 标题
    tooltip: {}, // 鼠标悬停提示
    xAxis: { name: 'X轴名称', data: [数值列表] }, // x轴配置
    yAxis: { name: 'Y轴名称', data: [数值列表] }, // y轴配置
    series: [{
        name: '散点', // 系列名称
        type: 'scatter',
        data: [[数值1, 数值2], ...] // 数据点
    }]
};
chart.setOption(option);

这里的`[数值列表]`和`[[数值1, 数值2], ...]`需要替换为你实际的数据。

3. 如果需要动态数据，可以监听数据变化并更新图表：

// 假设data是一个数组，存储着实时数据
chart.setOption({
    series: [{
        data: data
    }]
});