[英]Formatting values on the y axis in a dc.js / d3 chart
我正在尝试缩短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);
dc.js中的轴由d3.js提供。
我想你在找
chart.yAxis().tickFormat(d3.format('.3s'))
它调用d3.axis.tickFormat并使用d3.format的“ SI前缀”。
注意:最好将轴操作保留在单独的语句中,因为如果尝试在yAxis命令之后链接其他dc.js图表命令,则内容会yAxis
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.