Comment empêcher les étiquettes de légende d'être coupées dans les graphiques Google

Question

Avec un script Perl, je génère de nombreux Google Line Charts pour 20 séries de données et plus à la fois.

Les étiquettes de légende sont de la forme: un numéro de série ajouté par un #counter itératif.

Malheureusement, à partir du n ° 10, ces compteurs sont coupés:

Existe-t-il un moyen d'empêcher les graphiques Google de le faire?

Mon code de graphique assez simple est ci-dessous:

    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);
    });

Answer 1

Pour obtenir la légende complète dans votre graphique, ajoutez simplement la largeur et la hauteur de la zone graphique comme ci-dessous

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

Jetez un oeil à ceci jqfaq.com pour obtenir un échantillon de travail

Answer 2

dans chartArea, faites une largeur de 30% pour déplacer le graphique vers le centre.

chartArea: {largeur: "30%", hauteur: "50%"}