如何使用highcharts将日期范围过滤器传递到折线图？

<div id="chartContainer"></div>

function updateChart() {
  // 获取日期范围过滤器的值
  var startDate = document.getElementById("startDate").value;
  var endDate = document.getElementById("endDate").value;

  // 根据日期范围过滤器的值，获取相应的数据
  var filteredData = getDataByDateRange(startDate, endDate);

  // 更新折线图的数据
  chart.series[0].setData(filteredData);
}

<label for="startDate">开始日期:</label>
<input type="date" id="startDate" onchange="updateChart()">

<label for="endDate">结束日期:</label>
<input type="date" id="endDate" onchange="updateChart()">

// 初始化折线图的配置
var chartOptions = {
  chart: {
    renderTo: 'chartContainer',
    type: 'line'
  },
  // 其他配置项...
};

// 创建折线图
var chart = new Highcharts.Chart(chartOptions);

// 初始化折线图的数据
var initialData = getDataByDateRange(startDate, endDate);
chart.addSeries({
  name: '数据',
  data: initialData
});

function getDataByDateRange(startDate, endDate) {
  // 根据日期范围从数据源中筛选数据
  var filteredData = data.filter(function(item) {
    var date = item.date;
    return date >= startDate && date <= endDate;
  });

  // 返回筛选后的数据
  return filteredData;
}