2013-06-07 10 views
18

Ze skryptem Perla generuję wiele Google Line Charts dla 20 i więcej serii danych naraz.Jak zapobiec odcięciu etykiet z legend na wykresach Google

Etykiety legendy mają postać: numeru seryjnego dołączonego do numeru licznika iterującego.

Niestety, poczynając od numeru 10 te liczniki są odcięte:

enter image description here

Czy może to sposób, aby zatrzymać wykresy z Google robi?

Mam dość prosty kod wykres poniżej:

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

próbowałeś zmieniając opcje 'ChartArea'? Spróbuj ustawić "ChartArea.Right" na różne wartości i sprawdź, czy nadal się wyłącza. – jmac

Odpowiedz

35

Aby uzyskać pełny legendę na wykresie tylko dodać szerokość chartArea i wysokość poniżej

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

Spójrz na tym jqfaq.com aby uzyskać próbka robocza

+1

Rozwijanie opcji ChartArea na szerokość 100% rozwiązało problem dla mnie. W przeciwieństwie do dokumentacji, chartArea zawiera legendę. Użyłem PieChart, ale ta sama opcja jest dostępna dla 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 (dane, opcje); – Kasas

+0

Z jakiegoś powodu ta komenda chartArea nie ma wpływu na nas. Oto, jak to wysyłamy. "chartArea": ​​{'width': '100%', 'height': '20% '} Wszelkie inne pomysły byłyby świetne. – Praxiteles

0

w chartArea, spraw, aby szerokość 30 procent przesunęła wykres do środka.

chartArea: {width: "30%", wysokość: "50%"}

+0

Nie zapewnia to odpowiedzi na pytanie. Gdy masz już wystarczającą [reputację] (https://stackoverflow.com/help/whats-reputation), będziesz mógł [komentować dowolny wpis] (https://stackoverflow.com/help/privileges/comment); zamiast tego [dostarczaj odpowiedzi, które nie wymagają wyjaśnień od pytającego] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-zamiast). - [Z recenzji] (/ opinia/niskiej jakości-posts/16787573) – OmG

Powiązane problemy