Question

有人可以帮助我每小时（早上6点到下午6点）绘制一个带有1个刻度的轴我稍后会画出分钟刻度 - 每小时60滴我今天刚开始学习d3而无法理解这一点。

var x = d3.time.scale();    

var svg = d3.select('body').append('svg')
         .attr('width', 1000).attr('height', 850);

var xAxis = d3.svg.axis().scale(x).orient('bottom')
           .tickFormat(d3.time.format());

svg.append('g').attr('class', 'axis')
   .call(xAxis)
   .attr('transform','translate(20, 10)');

Answer 1

var x = d3.time.scale（）;

var svg = d3.select（'body'）。append（'svg'）            .attr（'width'，1000）.attr（'height'，850）;

var xAxis = d3.svg.axis（）。scale（x）.orient（'bottom'）              .tickFormat（d3.time.format（））;              .ticks（d3.time.hours，1）

svg.append（'g'）。attr（'class'，'axis'）。call（xAxis）
  .attr（'transform'，'translate（20,10）'）;

这是链接https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-ticks

.ticks（d3.time.hours），1）

是你需要的......

分钟

.ticks（d3.time.minutes），1）

绘制时间轴 - d3.js

1 个答案: