繁体   English   中英

d3中的响应轴值

[英]responsive axis values in d3

我正在用d3构建图,有时图的轴上数字较小,有时图的轴上数字较大。 这不时引起以下问题;

在此处输入图片说明

注意svg元素在左侧和右侧是如何完成的,因此不会显示整个图例。 我不希望增加任何一方的边距,因为那样会减少屏幕空间。

有没有一种方法可以使轴对数据输入做出响应? 即; 当数字为数千时,则将“ k”或“ m”添加到数字中(100000-> 100K,12000000-> 12M)。

函数axis.tickFormat()允许您精确地做到这一点。 格式在d3.format()的文档中进行了描述。 在您的情况下,您需要指定类似

axis.tickFormat(d3.format("s"));

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM