2017-04-25 15 views
0

私はChart.jsをウェブサイトのチャートに使用していますが、解決できないような問題が出てきました。私は、すべての目盛のためのグリッド線を表示する必要があります、ラベルのための部屋の不足のために表示されていないものさえ。表示されないティックのグリッド線を維持するにはどうすればよいですか? [Chart.js]

すべてのティックには日付ラベルがあり、できるだけ多く表示する必要がありますが、グラフのサイズが変更されたり、データが大量にある場合は、Chart.js「nice numbersアルゴリズム"この動作は期待されていて大丈夫ですが、私が今でも持っていたいのは、これらのダニのそれぞれに関連付けられたグリッドラインです。現在、目盛りが表示されている場合にのみグリッド線が表示されるため、2つの項目を分離する際に問題が発生しています。

どのように私はx軸に沿ってすべてのインデックスのグリッド線を表示することができますが、目のラベルはまだ "いい数のアルゴリズム"に従って表示されている人は考えていますか?ここで

は、私が何を意味するかのいくつかのスクリーンショットです:

This is what the graph should look like with full ticks and gridlines

However if I resize the graph smaller, many of the ticks are hidden, and so are their corresponding gridlines

答えて

0

私はラベルを隠し、グリッド線を表示するに保つための方法がないと思います。しかし、あなたはセットでautoSkipオプションをすべてのラベルとグリッド線をオフにしておくことができます:ラベルはリサイズ後かなり恐ろしい結果と重複して

ticks: { 
     autoSkip: false 
     }   
+0

は、残念ながらそれはオプションではありません。 – HLayton

関連する問題