在折线图上隐藏 D3 中的刻度标签
Hide Tick Labels in D3 on Line Graph
我是 D3 的新手,刚刚对使用 D3 制作的折线图上的刻度标签有一个快速的问题。我正在使用 d3.svg.axis.scale().tickSize().tickSubdivide() 来生成我的刻度线。
有没有办法隐藏它们或更改它们的值?例如,我有一个折线图,其中刻度标签是间隔(1、2、3 等),我想将它们更改为字符串,例如("Jan"、"Feb"、"Mar"、"Apr"等)。这可能吗?
谢谢!
您可以像这样隐藏刻度格式:
myGraph.yAxis.tickFormat(function (d) { return ''; });
是的,可以为您的即时报价生成不同的格式。您可以在此处找到一些详细信息: 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文件夹中的轴组件中),如果你想看到很多与轴组件和轴刻度格式相关的技巧。
另一方面,如果您不希望显示刻度,那么我想您可以创建一个没有刻度的轴组件(我没有尝试过这个,很难),但是当您有自定义格式化程序并且您几乎可以用刻度做任何您想做的事情时,我认为这样做没有意义。
此致敬意!
相关文章:
- 仅当变量有值时才显示D3文本标签
- d3.js:如何为图上的散点添加标签
- D3带标签的箭头链接
- d3.js散点图中的刻度标签在Firefox 13.0.1中被截断
- 在D3散点图圆上添加标签
- D3在转换时退出多个系列折线图标签
- D3.js-单击节点后无法设置节点标签
- d3.js轴标签-颜色不变
- 将标签放在 d3.js 中节点的中心
- 如何在D3中获得可缩放Icicle布局中文本标签的旋转
- 在d3.js中添加文本标签以强制定向图链接
- 如何在D3.js基于力的标签布局图中获取公共子节点
- 章节文本标签没有't显示在D3.JS向下钻取饼图中
- 堆积条形图标签-D3
- 将鼠标悬停在切片上时更改d3.js饼图标签的颜色
- d3.js带有标签的动态数据
- d3元素中的html标签
- 避免在d3轴标签中使用dx/dy属性
- 鼠标悬停在轴标签d3.js javascript上的事件上
- 旋转柱形图中的标签 d3.JS