隐藏dc.js柱状图y轴上的所有文本

Question

5

我正在创建一个基于DC.JS的仪表板，但是想找出如何隐藏条形图y轴上的所有文本，并设计x轴上的文本。谢谢。 Fig 1

- Tom Whitaker

2个回答

2

你应该减少坐标轴上的刻度 yourChart.yAxis().ticks(0);

- Pronix

你能解释一下为什么这是解决方案吗？ - thomaux

嗨，Pronix，我之前尝试过这个，但是没有任何图表显示出来。我尝试使用CSS解决了这个问题，#dc-bar-chart .axis.y { opacity: 0.0;} 但这会在轴标签和柱状图开始位置之间创建一个间隙。 - Tom Whitaker

对我来说，它的工作正确 - 消失了 Y 轴上的所有文本。这是标准的 d3.js 选项 - 如果不起作用，则需要向 d3.js 设置“debugger;”以了解缺少了什么。 - Pronix

@TomWhitaker 注意上面的答案，我差点就要点踩了，直到看到它说“你不能链接这个方法，因为它不返回引用”。在将其放在全新的一行后，这对我起作用了。 - kinghenry14

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，

- KSR · Accepted Answer

你应该将刻度减少到零：yourChart.yAxis().ticks(0);

请注意，此方法不返回对图表的引用，因此您无法将其链接在一起。您必须将其放在单独的一行中。像这样：

var yourChart = dc.barChart('#your-chart').width(1024).height(50);
yourChart.yAxis().ticks(0);