在线图上的D3中隐藏刻度线标签

Question

我是D3的新手,只是在用D3制作的线图上有一个关于刻度标签的快速问题.我正在使用d3.svg.axis.scale().tickSize().tickSubdivide()生成我的刻度线.

有没有办法隐藏它们或改变它们的价值？例如,我有一个折线图,其中刻度标签是间隔(1,2,3等),我想将它们更改为字符串,如('Jan','Feb','Mar','Apr '等等).那可能吗？

谢谢!

Answer 1

您可以隐藏刻度格式,如下所示:

myGraph.yAxis.tickFormat(function (d) { return ''; });

Answer 2

是的,可以为您的刻度生成不同的格式.你可以在这里找到一些细节:https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat.遗憾的是,目前并未记录所有格式,因此您可能需要查看该方法的d3代码.如果您同时拥有xAxis和yAxis,则可以执行以下操作:

myGraph.yAxis.tickFormat(d3.format(',.2%'));

还要看看Bob Monteverde的图表库:https://github.com/novus/nvd3(特别是在sources文件夹中,在轴组件处),如果你想看到许多与轴组件和轴刻度格式相关的技巧.

另一方面,如果你不想显示刻度,那么我猜你可以创建一个没有刻度的轴组件(我没有尝试过这个,很难)但是当你有自定义时我没有看到这样做的重点格式化程序,您可以通过刻度执行任何您想要的任何操作.

最好的祝福!