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

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

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

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

Recap: Как мы модифицируем легенду или тексты осей, чтобы они были полностью видимы?

Ответы

Ответ 1

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

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

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

Я также сделал изображение немного больше, так что он без проблем справился с осью x (также была возможность уменьшить его текст).

Таким образом, это то, что вы получаете:

Ответ 2

В основном это касается настройки области диаграммы против ширины/высоты.

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

ref fooobar.com/questions/179730/...

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

Ответ 3

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

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

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

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