在y轴上绘制时间，在x轴上绘制日期d3.js

var svg = d3.select("#chart-container")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var xScale = d3.scaleTime()
               .domain([startDate, endDate])
               .range([0, width]);

var yScale = d3.scaleLinear()
               .domain([0, maxValue])
               .range([height, 0]);

var xAxis = d3.axisBottom(xScale);
var yAxis = d3.axisLeft(yScale);

svg.append("g")
   .attr("class", "x-axis")
   .attr("transform", "translate(0," + height + ")")
   .call(xAxis);

svg.append("g")
   .attr("class", "y-axis")
   .call(yAxis);

svg.selectAll("circle")
   .data(data)
   .enter()
   .append("circle")
   .attr("cx", function(d) { return xScale(d.date); })
   .attr("cy", function(d) { return yScale(d.value); })
   .attr("r", 5)
   .attr("fill", "blue");

svg.selectAll("circle")
   .on("mouseover", function(d) {
       // 显示提示信息
   })
   .on("mouseout", function(d) {
       // 隐藏提示信息
   })
   .on("click", function(d) {
       // 处理点击事件
   });