echarts绘制空气污染指数散点图

ECharts是一个强大的JavaScript图表库，可以用来创建各种类型的图表，包括散点图。为了绘制空气污染指数的散点图，你可以按照以下步骤操作：

1. **引入ECharts库**：首先，在HTML文件中引入ECharts的JS文件。

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

2. **准备数据**：收集空气污染指数的数据，每个数据点包含日期和对应的指数值。例如：

const data = [
  { date: '2022-01-01', index: 80 },
  { date: '2022-01-02', index: 90 },
  ... // 更多数据项
];

3. **初始化图表**：然后，在JavaScript中设置一个div元素用于显示图表，并初始化ECharts实例。

let myChart = echarts.init(document.getElementById('main'));

4. **配置选项**：创建一个散点图配置对象，指定系列、x轴和y轴信息。

var option = {
  title: {
    text: '空气污染指数散点图'
  },
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c}%'
  },
  xAxis: {
    type: 'category',
    data: data.map(item => item.date)
  },
  yAxis: {
    type: 'value',
    name: '污染指数'
  },
  series: [{
    name: '污染指数',
    type: 'scatter',
    data: data.map(item => [item.date, item.index])
  }]
};

5. **渲染图表**：最后，将配置项应用到图表上。

myChart.setOption(option);

6. **添加交互功能**（可选），如点击事件，可以在实际项目中添加。

myChart.on('click', function (params) {
  console.log(`点击了坐标 ({params.value[0]}, ${params.value[1]})`);
});