2013-06-07 10 views
18

Con uno script Perl generano numerose Google Line Charts per 20 e più serie di dati contemporaneamente.Come evitare che le etichette delle legende vengano troncate nei grafici di Google

Le etichette delle legende sono nella forma: un numero di serie aggiunto da un #counter iterativo.

Purtroppo, a partire dal numero 10 i contatori sono tagliati fuori:

enter image description here

Esiste forse un modo per fermare Google classifiche dal farlo?

Il mio codice grafico molto semplice è qui sotto:

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

hai provato a cambiare le opzioni per 'ChartArea'? Prova a impostare 'ChartArea.Right' su vari valori e controlla se è ancora tagliato. – jmac

risposta

35

Per utilizzare al meglio leggenda nel grafico basta aggiungere larghezza e l'altezza ChartArea come di seguito

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

Date un'occhiata a questo jqfaq.com per ottenere un campione funzionante

+1

L'espansione dell'opzione di grafico con una larghezza del 100% ha risolto il problema per me. Contrariamente alla documentazione, il graficoArea include la legenda. Ho usato un PieChart ma la stessa opzione è disponibile per il 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 (dati, opzioni); – Kasas

+0

Per qualche motivo, questo comando chartArea non influisce su nulla per noi. Ecco come lo stiamo inviando. 'chartArea': {'width': '100%', 'height': '20% '} Qualsiasi altra idea sarebbe ottima. – Praxiteles

0

in chartArea, aumentare la larghezza del 30 percento spostare il grafico al centro.

ChartArea: {width: "30%", altezza: "50%"}

+0

Questo non fornisce una risposta alla domanda. Una volta che hai [reputazione] sufficiente (https://stackoverflow.com/help/whats-reputation) sarai in grado di [commentare qualsiasi post] (https://stackoverflow.com/help/privileges/comment); invece [fornisci risposte che non richiedono chiarimenti da parte del richiedente] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-, invece). - [Dalla recensione] (/ recensione/post di bassa qualità/16787573) – OmG

Problemi correlati