2013-06-07 29 views
18

Với tập lệnh Perl, tôi tạo nhiều số Google Line Charts cho 20 và nhiều chuỗi dữ liệu cùng một lúc.Cách ngăn nhãn chú thích bị cắt trong biểu đồ Google

Nhãn chú giải có dạng: số sê-ri được nối thêm bằng #counter lặp lại.

Thật không may, bắt đầu với # 10 những quầy bị cắt đứt:

enter image description here

Có lẽ một cách để ngăn chặn các bảng xếp hạng của Google từ làm điều đó?

đang biểu đồ khá đơn giản của tôi là dưới đây:

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

bạn đã thử thay đổi các tùy chọn cho 'ChartArea' chưa? Hãy thử đặt 'ChartArea.Right' thành các giá trị khác nhau và xem liệu nó có bị cắt hay không. – jmac

Trả lời

35

Để có được huyền thoại đầy đủ trong biểu đồ của bạn chỉ cần thêm chiều rộng chartArea và chiều cao như sau

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

Hãy xem jqfaq.com này để có được một mẫu làm việc

+1

Mở rộng biểu đồ Tùy chọn độ rộng sang độ rộng 100% đã giải quyết được sự cố cho tôi. Trái với tài liệu, biểu đồArea bao gồm chú giải. Tôi đã sử dụng một PieChart nhưng tùy chọn tương tự có sẵn cho 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 (dữ liệu, tùy chọn); – Kasas

+0

Vì lý do nào đó, lệnh ChartArea này không ảnh hưởng gì đến chúng tôi. Đây là cách chúng tôi đang gửi nó. 'chartArea': {'width': '100%', 'height': '20% '} Mọi ý tưởng khác sẽ tuyệt vời. – Praxiteles

0

trong biểu đồArea, làm cho chiều rộng 30% di chuyển biểu đồ đến trung tâm.

biểu đồArea: {width: "30%", height: "50%"}

+0

Điều này không cung cấp câu trả lời cho câu hỏi. Khi bạn có đủ [danh tiếng] (https://stackoverflow.com/help/whats-reputation), bạn sẽ có thể [nhận xét về bất kỳ bài đăng nào] (https://stackoverflow.com/help/privileges/comment); thay vào đó, [cung cấp câu trả lời không yêu cầu làm rõ từ người hỏi] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- i-do-thay thế). - [Từ đánh giá] (/ đánh giá/bài đăng chất lượng thấp/16787573) – OmG