<!-- 引入 Highcharts 库 -->
<script src="https://code.highcharts.com/highcharts.js"></script>

<!-- 创建图表容器 -->
<div id="chart-container" style="width: 100%; height: 400px;"></div>

<!-- 在 body 标签的底部添加以下 JavaScript 代码 -->
<script>
  // 数据
  var data = [
    { x: 1, y: 5, z: 10 },
    { x: 2, y: 7, z: 15 },
    { x: 3, y: 3, z: 8 },
    { x: 4, y: 8, z: 12 },
    { x: 5, y: 2, z: 20 }
  ];

  // 配置 Highcharts 气泡图
  Highcharts.chart('chart-container', {
    chart: {
      type: 'bubble' // 图表类型为气泡图
    },
    title: {
      text: 'Highcharts 气泡图' // 图表标题
    },
    xAxis: {
      title: {
        text: 'X Axis' // x 轴标题
      }
    },
    yAxis: {
      title: {
        text: 'Y Axis' // y 轴标题
      }
    },
    series: [{
      name: 'Series 1',
      data: data // 数据系列
    }]
  });
</script>