小编sil*_*con的帖子

D3 v4 xAxis 缩放返回 x 作为 NaN 使 rescale(x) 无法完成

我正在尝试使用 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)

javascript svg d3.js

1
推荐指数
1
解决办法
1076
查看次数

标签 统计

d3.js ×1

javascript ×1

svg ×1