Google Charts (GeoChart) - Phóng to gần hơn

Question

Sử dụng Google Charts GeoChart: https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart

Có thể phóng to gần hơn chỉ một vùng tổng thể không? Tức là, để đạt được cấp độ xem phố của bản đồ và vẫn đặt các điểm đánh dấu như được thấy trong ví dụ đánh dấu trên liên kết ở trên?

Cảm ơn tất cả vì sự giúp đỡ ...

Answer 1

API không hỗ trợ thu phóng, kéo hoặc cuộn.

Answer 2

Tôi gặp vấn đề tương tự và GeoChart tỏ ra quá hạn chế về vấn đề đó.

Một tùy chọn là sử dụng Google Maps và Lớp dữ liệu. Nếu bạn cần đánh dấu với màu sắc và kích cỡ, ví dụ, bạn có thể làm một cái gì đó giống như ví dụ ở trang sau (xem 'phong cách tiên tiến'): https://developers.google.com/maps/documentation/javascript/examples/layer-data-quakes

Bạn sẽ cần phải thực hiện nội suy của riêng bạn để xác định kích thước và màu sắc, nhưng bản đồ/biểu đồ kết quả sẽ tốt hơn chỉ riêng GeoChart.

Answer 3

Có vẻ như Google Charts hiện có tùy chọn hết hạn gọi là 'explorer' hoạt động cho một số loại biểu đồ. Xem: https://developers.google.com/chart/interactive/docs/gallery/linechart#Configuration_Options

Answer 4

Là một mẹo, tôi đã sử dụng thuộc tính thu phóng css có tràn: ẩn trên vùng chứa. Nhưng nó sẽ được thực hiện sau khi chart.draw(), trên sự kiện sẵn sàng biểu đồ google.

Và nếu bạn cần vẽ lại (tôi vẽ lại trên cửa sổ đổi kích thước để đảm bảo đáp ứng), bạn nên bắt đầu phóng to 1 hoặc 100% trước khi vẽ lại.

HTML:

<div id="container" style="overflow:hidden; width:..px;"> 
    <div id="chart_div"></div> 
</div> 

JS (jquery):

$("#chart_div").css("zoom",1); 

// [... google chart code generation ...] 

google.visualization.events.addListener(chart, 'ready', function() { $("#chart_div").css("zoom",1.4); }); 
chart_draw(data, options); 

Nó làm việc cho tôi và nó là giá trị thử.