私はD3を初めて使用し、D3で作成された線グラフの目盛りラベルについて簡単な質問をしました。d3.svg.axis.scale()。tickSize()。tickSubdivide()を使用して目盛りを生成しています。
それらを非表示にしたり、値を変更したりする方法はありますか?たとえば、目盛りラベルが間隔(1、2、3など)である折れ線グラフがあり、それらを('Jan'、'Feb'、'Mar'、'Aprのような文字列に変更したい'など)。それは可能ですか?
ありがとう!
私は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フォルダー内))も参照してください。 。
一方、目盛りを表示したくない場合は、目盛りなしで軸コンポーネントを作成できると思います(私はこれを試していませんでした、難しいです)が、カスタムがある場合はそれを行う意味がわかりませんフォーマッターとあなたはダニであなたが望む事実上何でもすることができます。
よろしくお願いします!