小编oni*_*let的帖子

刻度线显示中的D3v4时间刻度轴误差

我实际上正在尝试D3 v4,我在时间轴上的刻度显示中遇到问题.

这是v3和v4显示之间的区别

我尝试转置的v3代码如下

var x = d3.time.scale().range([0, width]);
var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(6);
x.domain(d3.extent(data.map(function(d) { return d.date; })));

gXAxis.call(xAxis);
Run Code Online (Sandbox Code Playgroud)

我制作的v4代码就是这个

import {scaleTime, scaleLinear} from 'd3-scale';
import {axisBottom, axisLeft} from 'd3-axis';
import {select} from 'd3-selection';
import {extent} from 'd3-array';


let x = scaleTime().range([0, width])
    .domain(extent(data.map(function(d) { return d.date; })));

let xAxis = axisBottom().scale(x).ticks(6);

gXAxis.call(xAxis);
Run Code Online (Sandbox Code Playgroud)

有人知道我的错误吗?我猜v4 API的用法不正确,但很难找到这个alpha版本的文档.

谢谢

d3.js ecmascript-6

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

标签 统计

d3.js ×1

ecmascript-6 ×1