Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 以百万£为单位显示Y轴值的最佳方式;_Javascript_D3.js - Fatal编程技术网

Javascript 以百万£为单位显示Y轴值的最佳方式;

Javascript 以百万£为单位显示Y轴值的最佳方式;,javascript,d3.js,Javascript,D3.js,我有以下格式的数据: [{"EndDate":"2012","Value":26473660}, {"EndDate":"2013","Value":54296732}, {"EndDate":"2014","Value":64063400}, {"EndDate":"2015","Value":81812464}, {"EndDate":"2016","Value":86899274}] 我成功地绘制了条形图。然而,Y轴值在刻度上下仅显示“000” 以下是y轴的相关代码部分 var

我有以下格式的数据:

[{"EndDate":"2012","Value":26473660},
 {"EndDate":"2013","Value":54296732},
 {"EndDate":"2014","Value":64063400},
 {"EndDate":"2015","Value":81812464},
 {"EndDate":"2016","Value":86899274}]
我成功地绘制了条形图。然而,Y轴值在刻度上下仅显示“000”

以下是y轴的相关代码部分

var y = d3.scale.linear()
        .range([height, 0]);

....

var yAxis = d3.svg.axis()
        .scale(y)
        .orient("left");

....

y.domain([0, d3.max(dataset, function(d) { return d.Value; })]);

....

        svg.append("g") //Y AXIS ENTER
        .attr("class", "y axis")
        .call(yAxis)
    .append("text")
        .attr("transform", "rotate(-90)")
        .attr("y", 6)
        .attr("dy", ".71em")
        .style("text-anchor", "end")
        .text("Value in £");
我在bostocks网站上查看了d3.ticks/d3.tickFormat函数,但没有关注实际情况。基本上,我想用一种简写的方式来显示百万:0米,10米,20米,30米。。这是一个简单的解决方案

如果是复制品,请道歉。可能是,但似乎找不到适用于我的数据集风格的解决方案:/

提前感谢。

.tickFormat('.0s')
添加到您的
yAxis
定义中

见: