Я новичок в Google Charts, и я не могу получить прекрасный результат с текстами, окружающими график.
Вот как выглядит моя диаграмма:
Как вы можете видеть, он разрезает как горизонтальную ось, так и легенды, поэтому конечный результат не так хорош, как может быть. Есть ли способ решить это? Я читал официальную документацию и некоторые сообщения отсюда, но я не нашел способ сделать это.
Recap: Как мы модифицируем легенду или тексты осей, чтобы они были полностью видимы?
После некоторого времени экспериментирования, я полагаю, не представляется возможным выбрать, какую часть слов на легенде или оси вы можете показать.
Тем не менее, вы можете играть с их размерами и позицией, чтобы получить более или менее то, что мы искали. Это то, что можно сделать:
legend: {position: 'top', textStyle: {fontSize: 14}}
Я также сделал изображение немного больше, так что он без проблем справился с осью x (также была возможность уменьшить его текст).
Таким образом, это то, что вы получаете:
В основном это касается настройки области диаграммы против ширины/высоты.
width: [yourChoice]px,
chartArea: {width: '50%'}
ref fooobar.com/questions/179730/...
Также как @ArcDare говорит, используя другие доступные параметры стиля, такие как размер шрифта и т.д.
Для области оптической карты
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