格式化dc.js / d3圖表中y軸上的值

Question

我正在嘗試縮短Y軸上的值，目前它們的顯示如下：

雖然我可以使用填充，但我希望以這種方式顯示Y軸：

100,000 = 100k
200,000 = 200k

等

附件是我的代碼。

var paidSubChart = dc.lineChart("chart1")
.width(450)
.height(300)
.elasticX(true)
.x(d3.scale.linear().domain([-30,N]))
.elasticY(true)
.brushOn(false)
.yAxisLabel("Paid Subs")
.xAxisLabel("Days Since Launch")
.dimension(dayCountDimension)
.group(paidSubGroup);

var expansionActChart = dc.lineChart("chart2")
.width(450)
.height(300)
.elasticX(true)
.x(d3.scale.linear().domain([0,N]))
.elasticY(true)
.brushOn(false)
.yAxisLabel("Paid Subs")
.xAxisLabel("Days Since Launch")
.dimension(dayCountDimension)
.group(expActGroup);

Answer 1

dc.js中的軸由d3.js提供。

我想你在找

chart.yAxis().tickFormat(d3.format('.3s'))

它調用d3.axis.tickFormat並使用d3.format的“ SI前綴”。

注意：最好將軸操作保留在單獨的語句中，因為如果嘗試在yAxis命令之后鏈接其他dc.js圖表​​命令，則內容會yAxis 。