2013-06-07 16 views
18

Bir Perl betiği ile 20 ve daha fazla veri için bir kerede çok sayıda Google Line Charts üretir.Google grafiklerinde lejant etiketlerinin kesilmesi nasıl engellenir?

Gösterge etiketleri şu şekildedir: yinelenen #counter tarafından eklenen bir seri numarası.

Maalesef 10. ile başlayan bu sayaçlar kesilir: bunu yapmaktan Google grafiklerinde durdurmak için bir yol belki

enter image description here

var mı?

My oldukça basit grafik kod aşağıda:

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

Eğer 'ChartArea' seçeneklerini değiştirmeyi çalıştılar? Çeşitli değerlere 'ChartArea.Right 'ayarlamayı deneyin ve hala kesilip kesilmediğini görün. – jmac

cevap

35

sadece

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

bir almak için bu jqfaq.com bir göz atın aşağıdaki gibi chartArea genişliği ve yüksekliği eklemek grafiğinizdeki tam efsanesini almak için çalışma örneği

+1

Grafiğin% 100 genişliğine genişletilmesi seçeneği benim için problemi çözdü. Belgelerin aksine, chartArea efsaneyi içerir. Bir PieChart kullandım ama aynı seçenek LineChart için mevcut. var options = {'title': başlık, 'width': w, 'height': h, 'chartArea': {left: 0, top: 10, width: "100%"}}; var chart = new google.visualization.PieChart (document.getElementById (chartDiv)); chart.draw (veri, seçenekler); – Kasas

+0

Nedense, bu chartArea komutu bizim için hiçbir şey etkilemiyor. İşte bunu nasıl gönderiyoruz. 'chartArea': {'width': '100%', 'height': '20% '} Başka herhangi bir fikir harika olurdu. – Praxiteles

0

GrafikAyrıca, genişlik yüzde 30'u grafiği grafiğe hareket ettirin.

chartArea: {genişliği: "% 30", yükseklik: "% 50"}

+0

Bu, soruya bir cevap sağlamaz. Yeterli [itibara] sahip olduğunuz zaman (https://stackoverflow.com/help/whats-reputation) herhangi bir gönderiye yorum yapabilirsiniz (https://stackoverflow.com/help/privileges/comment); bunun yerine, [askerden açıklama istemeyen cevaplar verin] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-yerine). - [Yorum yazıla] (/ review/düşük kaliteli yazılar/16787573) – OmG

İlgili konular