X-осевые метки накладываются друг на друга

Question

Я использую графики Google Visulization для представления подсвечника данных запаса. Проблема, с которой я сталкиваюсь, заключается в том, что если имеется много данных, метки осей перекрываются (максимальное значение будет отображаться на 30-дневных данных).

Пожалуйста, скажите мне, если и как можно решить проблему?

Я попытался с

hAxis: { "title":"Ratings", showTextEvery:1 }, 

hAxis: { gridlines: { count: 10 } } 

http://jsfiddle.net/ovog4njt/2/

Answer 1

Я предлагаю несколько альтернативных решений:

1. Поверните клещ ЭТИКЕТКИ

hAxis: { 
     "title": "Ratings", 
     showTextEvery: 1, 
     slantedText: true, 
     slantedTextAngle: 50 
    }, 

2. Уменьшить минимальное расстояние между этикетками

hAxis: { 
     "title": "Ratings", 
     showTextEvery: 1, 
     minTextSpacing: 0 
    }, 

3. Уменьшить шрифт этикетки

hAxis: { 
     "title": "Ratings", 
     showTextEvery: 1, 
     minTextSpacing: 0, 
     textStyle: { 
      fontSize: 8 
     } 
    }, 

4. Не показывать каждый тик

hAxis: { 
     "title": "Ratings", 
     showTextEvery: 2, 
    }, 

5. Любая комбинация выше

JSFiddle

See documentation here