2012-03-31 32 views
6

Các jQuery, jQuery UI và Google Maps có thể được nạp từ CDN của Google theo hai cách - hoặc bằng cách sử dụng google.load():Cách bao gồm API biểu đồ Google mà không gọi google.load()?

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
google.load("jqueryui", "1"); 
google.load("maps", "3", {other_params: "language=de&sensor=false"}); 
</script> 

hoặc bằng tĩnh < script src =". .." > tags:

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&language=de"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 

có hài lòng cách thứ 2 dành cho the Google charts API không?

Đối với tôi chỉ có phương pháp này hoạt động:

<script type="text/javascript"> 
google.load('visualization', '1.0', {'packages':['corechart']}); 
</script> 

nhưng tôi không thể tìm thấy URL cho cách thứ 2.

Và tôi muốn bao gồm API biểu đồ Google tĩnh vì nó trông đơn giản hơn đối với tôi và vì my current problem with DataTables.net.

Khi tôi nhìn vào các nguồn lực sử dụng giao diện điều khiển Google Chrome, tôi có thể thấy địa chỉ như

https://www.google.com/uds/api/visualization/1.0/342b7b8453344477d252440b6c1305c9/format+en,default,corechart.I.js

nhưng tôi nghĩ rằng đó là một tạm thời, có thể hết hiệu lực ...

+0

Điều này làm việc cho tôi '' và bạn có thể tải tệp đó từ đây https://gist.githubusercontent.com /makevoid/3999915/raw/14ca8613820c3046ad248c381e3368c4d5ea59b4/uds_api_contents.js Bao gồm tệp này sau 'jsapi'. –

Trả lời

14

Tôi đã tìm thấy một autoloading workaround:

<script type="text/javascript" 
src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart'],'language':'ru'}]}"> 
</script> 

CẬP NHẬT 2017:

Chrome sẽ hiển thị cảnh báo này mặc dù:

jsapi? Autoload = {'modules': [{'name': 'visualization', 'version': '1', 'packages': ['corec hart ',' table '],'…: 22 Một tập lệnh chặn, phân tách gốc, https://www.google.com/uds/api/visualization/1.0/84dc8f392c72d48b78b72f8a2e79c1a1/format+ru,default+ru,ui+ru,table+ru,corechart+ru.I.js, được gọi thông qua document.write. Điều này có thể bị chặn bởi trình duyệt nếu thiết bị có kết nối mạng kém. Xem https://www.chromestatus.com/feature/5718547946799104 để biết thêm chi tiết . google.loader.f @ jsapi? autoload = {'modules': [{'name': 'visualization', 'version': '1', 'packages': ['corechart', 'table'], '… : 22 (ẩn danh) @ jsapi? Autoload = {'modules': [{'name': 'visualization', 'version': '1', 'packages': ['corechart', 'table'], ' …: 54

+0

@Alexander Farber: -Điều gì xảy ra nếu tôi đang sử dụng: -google.charts.load ('current', {'packages': ['corechart', 'annotationchart', 'calendar', 'gantt', 'gauge', 'map', 'orgchart', 'sankey', 'timeline', 'treemap', 'wordtree']}) ;. Làm thế nào để viết cùng một dòng mã cho loader.js? – Sanjiv

1

Tôi cũng đang cố gắng tìm ra điều này - tất cả tìm kiếm của tôi chỉ ra rằng không có cách nào liên kết trực tiếp các API biểu đồ (điều này thật đáng xấu hổ). Tôi cuối cùng đã kết thúc bằng cách sử dụng các biểu đồ hình ảnh API thay vì: https://developers.google.com/chart/image/

+0

Tôi sử dụng Bản đồ Hình ảnh (xem http: // stackoverflow.com/questions/10052927/draw-a-line-above-bar-chart) nhưng tôi nghi ngờ họ sẽ sớm bị tạm ngừng (Google đã nhanh chóng thực hiện điều đó đối với một số sản phẩm gần đây), vì vậy tôi muốn chuyển lên. –

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