Форматирование легенды и оси в Google Charts

Question

Я новичок в Google Charts и не могу получить точный результат с текстами, окружающими график.

Вот так выглядит мой график:

Как видите, он обрезает как горизонтальную ось, так и легенды, поэтому конечный результат не так хорош, как мог бы быть.Есть ли способ решить это?Я читал официальную документацию и некоторые посты отсюда, но я не нашел способа сделать это.

Резюме: Как мы можем изменить легенду или тексты осейтак они полностью видны?

Answer 1

После некоторого времени экспериментирования, я полагаю, невозможно выбрать, какую часть слов на легенде или оси вы можете показать.

Однако вы можете поиграть с их размерами и позицией, чтобы вы получили - больше или меньше - то, что мы искали.Вот что можно сделать:

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

Я также увеличил изображение, чтобы оно без проблем помещалось по оси X (была также возможность уменьшить текст).

Итак, вот что вы получите:

Answer 2

Речь идет о настройке области графика в зависимости от ширины / высоты.

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

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

Также, как говорит @ArcDare, используя другие доступные параметры стиля, такие как размер шрифта и т. Д.

Answer 3

Для оптической области диаграммы:

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

Хитрость в настройке оси textStyle fontsize позволит лучше разместить легенду в нижней части диаграммы, поскольку область диаграммы составляет около 60-70%

Не стесняйтесь использовать мой пользовательский плагин Google Charts, который создает диаграммы и таблицы. https://github.com/cosmoarunn/gapiExt