我正在尝试使用 x 轴作为日期格式来实现缩放选项。这是代码示例:
var margin = {
top: 20,
right: 20,
bottom: 40,
left: 100
},
svgWidth = 800,
svgHeight = 500,
width = svgWidth - margin.left - margin.right,
height = svgHeight - margin.top - margin.bottom;
svg = d3.select('body')
.append("svg")
.attr("style", "width: " + svgWidth + "px\; height: " + svgHeight + "px\;");
var x = d3.scaleUtc().range([0, width])
.domain([new Date("3/12/2017"), new Date("3/30/2017")]);
var y = d3.scaleBand()
.range([height, 0])
.padding(0.1)
.domain(["test"])
var xAxis = d3.axisBottom(x)
.tickFormat(d3.utcFormat("%m-%d"));
var yAxis = d3.axisLeft(y);
var …Run Code Online (Sandbox Code Playgroud)