在折線圖上隱藏 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 （特別是在源文件夾中，在軸組件中），如果您想查看許多與軸組件和軸刻度格式相關的技巧.

另一方面，如果您不希望顯示刻度，那么我想您可以創建一個沒有刻度的軸組件（我沒有嘗試過，很難），但是當您有自定義時，我不認為這樣做有什么意義格式化程序，你幾乎可以用刻度做任何你想做的事情。

最好的祝福！