原生js引用echarts-stat绘制散点图

原生JavaScript使用ECharts-Stat绘制散点图需要先安装ECharts-Stat库，它是ECharts的一个扩展，专注于统计图表。以下是一个简单的步骤：

1. 首先，在HTML中引入ECharts和ECharts-Stat的CDN链接：

<script src="https://cdn.jsdelivr.net/npm/echarts@5"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-stat@latest"></script>

2. 创建一个ECharts实例，并指定为统计图表模式：

let chart = echarts.init(document.getElementById('chartContainer'), 'stat');

3. 定义数据（假设名为`data`）和配置项，包括x轴、y轴标签以及散点图系列：

const data = [{ name: 'A', value: [4, 8] }, { name: 'B', value: [13, 7] }];
let option = {
  series: [
    {
      type: 'scatter',
      data,
      coordinateSystem: 'cartesian2d', // 指定坐标系统
      label: {
        normal: {
          show: true,
          position: 'top'
        }
      },
      markPoint: {
        symbol: ['circle', 'diamond'], // 可以为每个标记点设置不同的形状
        data: data.map(item => ({ name: item.name, value: item.value }))
      }
    }
  ]
};

4. 绑定数据并渲染图表：

chart.setOption(option);