Formatowanie legendy i osi w wykresach Google

Question

Jestem nowy w Google Charts i nie jestem w stanie uzyskać dobrego wyniku z tekstami otaczającymi wykres.

ten sposób mój wykres wygląda:

Jak widać, to nie wyciąć zarówno o osi poziomej i legendy, więc ostateczny wynik nie jest tak dobre, jak to może być. Czy istnieje sposób na rozwiązanie tego problemu? Czytałem official documentation i niektóre posty tutaj, ale nie znalazłem sposobu, aby to zrobić.

Podsumowanie: Jak modyfikować legendę lub teksty osi, aby były w pełni widoczne?

Answer 1

Po pewnym czasie eksperymentowania, śmiem twierdzić, że nie można wybrać, ile części słów na temat legendy lub osi można pokazać.

Można jednak grać ze swoimi rozmiarami i pozycją, dzięki czemu uzyskujesz mniej lub więcej - to, czego szukaliśmy. To co można zrobić:

legend: {position: 'top', textStyle: {fontSize: 14}} 

Ja również wykonany obraz trochę większy więc pasuje do osi x bez problemów (nie było również możliwość podejmowania tekst mniejszy).

Więc to robi, to co można dostać:

Answer 2

Jego zasadzie o ustanawianiu obszar wykresu vs szerokość/wysokość.

width: [yourChoice]px, 
chartArea: {width: '50%'} 

ref https://stackoverflow.com/a/6870732/661584

także jak mówi @ArcDare wykorzystując inne dostępne opcje stylizacji takie jak rozmiar czcionki itp

Answer 3

Dla optmized obszarze wykresu

osi

chartArea: {'width': '90%', 'height': '60%'}, 
legend: { position: 'bottom' }, 
hAxis : { textStyle : { fontSize: 10} }, 
vAxis : { textStyle : { fontSize: 10} }, 

Sztuką jest ustawienie textStyle fontsize umożliwi lepsze umieszczenie legendy na dole wykresu, ponieważ obszar wykresu wynosi około 60-70%

Zapraszam do korzystania z mojej niestandardowej wtyczki Google Charts, która tworzy wykres i tabelę. https://github.com/cosmoarunn/gapiExt