d3.js＆nvd3.js轴和标签精度格式

Question

在此示例中使用堆叠区域图表 http://nvd3.com/ghpages/stackedarea.html

尝试格式化y轴刻度标签，工具提示标签是整数而不是floats。尝试从更改以下代码

chart.yAxis
        .axisLabel('Users')
        .tickFormat(d3.format(',.2f'));

.

chart.yAxis
        .axisLabel('Users')
        .tickFormat(d3.format(',.0d'));

.

精度保持不变（仍显示到百分之百种位置）。我跟随github wiki无济于 https://github.com/mbostock/d3//wiki/格式化＃wiki-d3_format

任何建议或提示都将非常欣赏。

Answer 1

看起来像它不支持NVD3 此刻。查看违规的 line 。

此外，您的格式规范并不是很对。如文档中所提到的，"d"忽略非整数值。所以你可能想要生成的世生古代代码，这意味着：

• ",.0f"：使用逗号分隔数千。
• ,：精度为零（这的确切含义取决于其中使用的类型）。
• .0：类型;在这种情况下， number.tofixed 。这意味着在小数点之后出现的固定数量的数字（精度），如果需要，该数量是圆形的。

Answer 2

这个可以将标签文本从浮动格式化为整数。

for饼图：

chart.pie.valueFormat(d3.format(',.0d'));

为划线图：

chart.yAxisTickFormat(d3.format(',.0d'));

.

Answer 3

.tickFormat方法上的.yAxis方法不会正确更新。这是我使用的工作：

        chart.yAxisTickFormat(d3.format(',.0d'));

.

Answer 4

我试过这样的尝试

.axisLabel('%').tickFormat(function(d) { return parseFloat(d).toFixed(1) + "%"; });

.

它为me工作。我正在使用小数点和百分比获得结果。