{
  "size": 0,
  "aggs": {
    "date_histogram": {
      "date_histogram": {
        "field": "timestamp",
        "calendar_interval": "day",
        "format": "yyyy-MM-dd"
      }
    }
  }
}

// 假设从Elasticsearch获取的数据格式如下
const esData = {
  "aggregations": {
    "date_histogram": {
      "buckets": [
        {"key_as_string": "2023-01-01", "doc_count": 45},
        {"key_as_string": "2023-01-02", "doc_count": 67},
        // 更多数据...
      ]
    }
  }
};

// 准备数据
const data = esData.aggregations.date_histogram.buckets.map(d => ({
  date: new Date(d.key_as_string),
  value: d.doc_count
}));

// 设置图表尺寸
const margin = {top: 20, right: 30, bottom: 40, left: 40};
const width = 800 - margin.left - margin.right;
const height = 400 - margin.top - margin.bottom;

// 创建SVG
const svg = d3.select("#chart")
  .append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", `translate(${margin.left},${margin.top})`);

// 设置比例尺
const x = d3.scaleTime()
  .domain(d3.extent(data, d => d.date))
  .range([0, width]);

const y = d3.scaleLinear()
  .domain([0, d3.max(data, d => d.value)])
  .range([height, 0]);

// 添加X轴
svg.append("g")
  .attr("transform", `translate(0,${height})`)
  .call(d3.axisBottom(x));

// 添加Y轴
svg.append("g")
  .call(d3.axisLeft(y));

// 绘制柱状图
svg.selectAll("rect")
  .data(data)
  .join("rect")
    .attr("x", d => x(d.date))
    .attr("y", d => y(d.value))
    .attr("width", width / data.length * 0.9)
    .attr("height", d => height - y(d.value))
    .attr("fill", "steelblue");

"date_histogram": {
  "field": "timestamp",
  "calendar_interval": "day",
  "time_zone": "+08:00",
  "format": "yyyy-MM-dd"
}