Как предотвратить обрыв надписей на графиках Google

С помощью сценария Perl я генерирую множество линейных диаграмм Google для 20 и более серий. данных сразу.

Метки легенды имеют форму: серийный номер, к которому добавляется повторяющийся счетчик #.

К сожалению, начиная с # 10 эти счетчики отключены:

введите описание изображения здесь

Может быть, есть способ помешать Google Charts делать это?

Мой довольно простой код диаграммы ниже:

    var data = { ...... };

    function drawCharts() {
            for (var csv in data) {
                    var x = new google.visualization.DataTable(data[csv]);

                    var options = {
                            title: csv,
                            width: 800,
                            height: 600
                    };

                    var chart = new google.visualization.LineChart(document.getElementById(csv));
                    chart.draw(x, options);
            }
    }

    $(function() {
            google.setOnLoadCallback(drawCharts);
    });

person Alexander Farber    schedule 07.06.2013    source источник
comment
вы пробовали изменить параметры для ChartArea? Попробуйте установить ChartArea.Right на различные значения и посмотрите, отключается ли он по-прежнему.   -  person jmac    schedule 10.06.2013


Ответы (2)


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

var options = {
              title: csv,
              width: 800,
              height: 600,
              chartArea: {  width: "50%", height: "70%" }
};

Взгляните на этот jqfaq.com, чтобы получить рабочий образец

person Swarna Latha    schedule 27.06.2013
comment
Расширение опции chartArea до 100% решило проблему для меня. Вопреки документации, chartArea действительно включает легенду. Я использовал PieChart, но тот же вариант доступен для LineChart. var options = {'title': title, 'width': w, 'height': h, 'chartArea': {left: 0, top: 10, width: 100%}}; var chart = new google.visualization.PieChart (document.getElementById (chartDiv)); chart.draw (данные, параметры); - person Kasas; 04.05.2016
comment
По какой-то причине эта команда chartArea нас ни на что не влияет. Вот как мы его отправляем. 'chartArea': {'width': '100%', 'height': '20% '} Любые другие идеи были бы отличными. - person Praxiteles; 26.05.2017

в chartArea сделайте ширину 30 процентов, чтобы переместить график в центр.

chartArea: {width: "30%", height: "50%"}

person Chieu Luu    schedule 21.07.2017