d3.js& NVD3 axisLabel带有£(磅)符号

时间:2014-05-12 14:03:57

标签: javascript d3.js symbols nvd3.js

我正在尝试将一个英镑符号添加到NVD3轴标签。

以下确实有效:

chart.yAxis.axisLabel('£')

这不是

chart.yAxis.axisLabel('£')

不确定是否有简单的解决方案,或者这是否是NVD3或d3限制。

我想我会实现一些手动修复它(例如,不只是用NVD3绘制轴标签),但不确定如何继续?

  • d3版本: 3.1.5
  • nvd3版本: 1.1.15b

更新:原来问题是我正在使用的编辑器(ace)删除了£符号,与d3或nvd3无关。

2 个答案:

答案 0 :(得分:1)

试试这个

chart.yAxis.tickFormat(function(d) {
    var format = d3.format(",d");
    return '£ ' + format(d)
});

OR

chart.yAxis.tickFormat(function(d) {
    return '£ ' + d
});

希望它有所帮助。

答案 1 :(得分:0)

chart.yAxis.tickFormat = function(d) {
    //Retuns currency formatted string with pound sign 
    // d3.format('c')(163) --> To Convert unicode
    return d3.format('c')(163) + ' ' + d3.format(',.2f')(d);
}