d3 tickFormat错误 - 将v3转换为v4

时间:2017-11-25 23:40:38

标签: javascript d3.js scatter-plot

我正在尝试将d3从版本3转换为版本4,但我收到此错误:

Uncaught Error: invalid format: function (d) {
            var prefix = d3.formatPrefix(d);
            return prefix.scale(d) + prefix.symbol;
        }

有人可以告诉我如何解决这个问题吗?

var xScale = d3.scaleLinear()
        .range([0, width])
    .domain([2000, 2018])
        .domain(d3.extent(countries, function(d) { return d.published_year; }))

//Set new x-axis
var xAxis = d3.axisBottom()
    .ticks(10)
    .tickFormat(function (d) {
        return xScale.tickFormat((mobileScreen ? 4 : 8),function(d) {
            var prefix = d3.formatPrefix(d);
            return prefix.scale(d) + prefix.symbol;
        })(d);
    })

    .scale(xScale);
//Append the x-axis
wrapper.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(" + 0 + "," + height + ")")
    .call(xAxis);

更新: 我想在v4 d3的x轴上显示年份,在John的帮助下,我在一行中完成了它:

var xScale = d3.scaleLinear()
    .range([0, width])
    .domain([2000, 2018])
    .domain(d3.extent(countries, function(d) { return d.published_year; }))

//Set new x-axis
var xAxis = d3.axisBottom()
    .ticks(10)
    .tickFormat(d3.format(""))
    .scale(xScale);

1 个答案:

答案 0 :(得分:2)

d3.formatPrefix未被调用。期望一个确定SI前缀的说明符字符串。

https://github.com/d3/d3-format/blob/master/README.md#locale_formatPrefix