2012-03-31 15 views
6

jQuery, jQuery यूआई और गूगल मैप्स को दो तरह से गूगल के CDN से लोड किया जा सकता - या तो google.load (का उपयोग करके):google.load() को कॉल किए बिना Google चार्ट एपीआई कैसे शामिल करें?

<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> 

या स्थिर < स्क्रिप्ट src = "का उपयोग करके। .. "> टैग:

<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> 

2 रास्ता the Google charts API रूप में अच्छी तरह के लिए उपलब्ध वहाँ खुश है?

मेरे लिए केवल इस विधि काम करता है:

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

लेकिन मैं 2 रास्ता के लिए URL नहीं मिल रहा।

और मैं Google चार्ट एपीआई को स्थिर रूप से शामिल करना पसंद करूंगा क्योंकि यह मेरे लिए अधिक सरल और my current problem with DataTables.net की वजह से दिखता है।

जब मैं गूगल क्रोम कंसोल का उपयोग कर संसाधनों को देखो, मैं

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

लेकिन मुझे लगता है कि यह एक अस्थायी है, जो समय सीमा समाप्त हो सकता है की तरह पता देख सकते हैं ...

+0

यह मेरे लिए काम किया '' और हाँ आप https://gist.githubusercontent.com यहां से उस फ़ाइल को प्राप्त कर सकते हैं /makevoid/3999915/raw/14ca8613820c3046ad248c381e3368c4d5ea59b4/uds_api_contents.js 'jsapi' के बाद इस फ़ाइल को शामिल करें। –

उत्तर

14

मैंने पाया:

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

अद्यतन 2017:

:

Chrome यह चेतावनी हालांकि प्रदर्शित करता है मैं अंत में के बजाय छवि चार्ट एपीआई का उपयोग कर समाप्त हो गया

jsapi? Autoload = {'मॉड्यूल': [{'नाम': 'विज़ुअलाइज़ेशन', 'संस्करण': '1', 'पैकेज': ['corec हार्ट ',' टेबल '],' ...: 22 ए पार्सर-अवरुद्ध, क्रॉस-उत्पत्ति स्क्रिप्ट, https://www.google.com/uds/api/visualization/1.0/84dc8f392c72d48b78b72f8a2e79c1a1/format+ru,default+ru,ui+ru,table+ru,corechart+ru.I.js, दस्तावेज़.write के माध्यम से आमंत्रित किया जाता है। यदि डिवाइस में खराब नेटवर्क कनेक्टिविटी है तो ब्राउज़र द्वारा इसे अवरुद्ध किया जा सकता है। अधिक विवरण के लिए https://www.chromestatus.com/feature/5718547946799104 देखें। google.loader.f @ jsapi? autoload = {'मॉड्यूल': [{'नाम': 'विज़ुअलाइजेशन', 'संस्करण': '1', 'पैकेज': ['कोरचार्ट', 'टेबल'], '... : 22 (अनाम) @ jsapi? Autoload = {'मॉड्यूल': [{'नाम': 'विज़ुअलाइजेशन', 'संस्करण': '1', 'पैकेज': ['कोरचार्ट', 'टेबल'], ' ...: 54

+0

@Alexander Farber: - अगर मैं इसका उपयोग कर रहा हूं: -google.charts.load ('current', {'packages': ['corechart', 'annotationchart', 'calendar', 'gantt', 'gauge', 'मैप', 'ऑर्गार्ट', 'संकी', 'टाइमलाइन', 'ट्रेमैप', 'वर्डट्री']}; Loader.js के लिए कोड की एक ही पंक्ति कैसे लिखें? – Sanjiv

1

मैं इसे भी ढूंढने की कोशिश कर रहा था - मेरी सारी खोज इंगित करती है कि चार्ट एपीआई (जो शर्म की बात है) को सीधे जोड़ने का कोई तरीका नहीं है। एक autoloading वैकल्पिक हल https://developers.google.com/chart/image/

+0

मैं छवि चार्ट का उपयोग स्वयं करता हूं (http: // stackoverflow देखें।कॉम/प्रश्न/10052927/ड्रा-ए-लाइन-उप-बार-चार्ट) लेकिन मुझे संदेह है कि उन्हें जल्द ही बंद कर दिया जाएगा (Google कुछ हाल के उत्पादों के लिए ऐसा करने में जल्दी रहा है), इसलिए मैं आगे बढ़ना चाहता हूं। –

संबंधित मुद्दे