D3js轴刻度标签以及单位作为后缀

时间:2017-06-17 13:37:08

标签: javascript d3.js

我已完成了大部分可视化部分,但坚持美化刻度标签。我试图将单位(即kms或hPa或℃)附加到我的轴刻度线上。尝试使用函数测试tickFormat,但似乎没有执行给定函数中的代码(尝试通过提供控制台日志存根)。 其实我正在尝试使用以下代码:

   var pressure_scale = d3.scaleLinear().domain([30,980]).range([0,width]);
    var paxis = d3.axisBottom(pressure_scale).ticks(25).tickFormat(function(d){
                                                   var p = d3.format('.1f')(d);
                                                   console.log(p);
                                                   return p+' hPa';
                                                 })

我实际想要的是,

30 hPa____60 hPa____90 hPa____120 hPa .......... ____980 hPa(约25蜱)

但我实际得到的是,

30 ____ 60__90____120 .......... ____980(约25个刻度)

请帮我看看如何实现上述刻度标签格式。 如果有人能澄清一下,为什么console.log存根没有在控制台上打印任何内容,我也会很高兴

P.S:我在我的代码中使用D3js V4

0 个答案:

没有答案