// 配置 Highcharts 图表
Highcharts.chart('chart-container', {
  chart: {
    type: 'line', // 图表类型
    backgroundColor: '#f4f4f4', // 图表背景颜色
  },
  title: {
    text: 'My First Highcharts Chart', // 图表标题
    style: {
      color: 'blue' // 标题文本颜色
    }
  },
  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], // x 轴刻度标签
    title: {
      text: 'Months' // x 轴标题
    }
  },
  yAxis: {
    title: {
      text: 'Values' // y 轴标题
    },
    gridLineColor: '#e0e0e0' // y 轴网格线颜色
  },
  series: [{
    name: 'Series 1',
    data: [1, 2, 3, 4, 5], // 数据系列
    color: 'green' // 线条颜色
  }],
  legend: {
    enabled: true, // 是否显示图例
    layout: 'horizontal' // 图例布局
  },
  plotOptions: {
    line: {
      marker: {
        enabled: true, // 是否显示数据点
        symbol: 'circle', // 数据点形状
        radius: 5 // 数据点半径
      }
    }
  },
  tooltip: {
    enabled: true, // 是否显示工具提示
    shared: true // 多个系列的数据在同一工具提示中显示
  }
});