2012-02-15 43 views
10

Tôi mới sử dụng Google Charts và tôi không thể có kết quả tốt với các văn bản xung quanh biểu đồ.Chú thích và trục định dạng trong Biểu đồ Google

Đây là cách biểu đồ của tôi trông:

This is how looks my chart

Như bạn thấy, nó cắt cả hai ngang trục và Legends, vì vậy kết quả cuối cùng là không tốt như Nó có thể là. Có cách nào để giải quyết này? Tôi đã đọc official documentation và một số bài đăng từ đây, nhưng tôi chưa tìm thấy cách để làm điều này.

Tóm tắt: Làm cách nào để chúng tôi sửa đổi chú thích hoặc văn bản trục để chúng hiển thị hoàn toàn?

Trả lời

14

Sau một thời gian thử nghiệm, tôi dám chắc rằng bạn không thể chọn bao nhiêu phần của từ trên chú thích hoặc trục bạn có thể hiển thị.

Tuy nhiên, bạn có thể chơi với kích thước và vị trí của chúng để bạn nhận được nhiều hơn hoặc ít hơn - những gì chúng tôi đang tìm kiếm. Đây là những gì có thể được thực hiện:

legend: {position: 'top', textStyle: {fontSize: 14}} 

Tôi cũng đã thực hiện các hình ảnh lớn hơn một chút để nó phù hợp với trục x không có vấn đề (Cũng có thể lựa chọn làm văn bản của nó nhỏ hơn).

Vì vậy, làm điều này, đây là những gì bạn nhận được: enter image description here

5

của nó về cơ bản về việc thiết diện tích biểu đồ của bạn vs chiều rộng/chiều cao.

width: [yourChoice]px, 
chartArea: {width: '50%'} 

ref https://stackoverflow.com/a/6870732/661584

Cũng như @ArcDare nói bằng các tùy chọn phong cách có sẵn khác như cỡ chữ vv

0

Đối với diện tích biểu đồ optmized,

chartArea: {'width': '90%', 'height': '60%'}, 
legend: { position: 'bottom' }, 
hAxis : { textStyle : { fontSize: 10} }, 
vAxis : { textStyle : { fontSize: 10} }, 

Bí quyết là thiết lập trục textStyle fontsize sẽ cho phép sắp xếp tốt hơn các chú thích ở cuối biểu đồ khi biểu đồ Area là khoảng 60-70%

Hãy sử dụng plugin Google Charts tùy chỉnh của tôi để tạo cả biểu đồ và bảng. https://github.com/cosmoarunn/gapiExt

Các vấn đề liên quan