2012-07-02 21 views
11

मैं ईमेल में चार्ट की छवियों को एम्बेड करने के लिए Google चार्ट का उपयोग करने का प्रयास कर रहा हूं। तो प्रत्येक उपयोगकर्ता के पास एक अद्वितीय ग्राफ होगा।छवि के रूप में Google चार्ट

क्या हम एपीआई का उपयोग कर सकते हैं और एक अद्वितीय यूआरएल एम्बेड कर सकते हैं जो चार्ट प्रस्तुत करेगा और ईमेल क्लाइंट को एक छवि वितरित करेगा।

+0

Google चार्ट से छवि चार्ट सुविधा एक कार्य करता है, http://datamakessense.com/kpi-emails-with-google-charts-url-parameters – AdrianBR

उत्तर

4

एक यूआरएल उत्पन्न करना संभव है जो Google Chart Wizard का उपयोग कर चार्ट की एक छवि प्रस्तुत करेगा। हालांकि, हाल ही में वह सेवा (अप्रैल मुझे विश्वास है) क्योंकि बहिष्कृत। यह अभी भी ठीक काम करता है, लेकिन दीर्घकालिक समाधान के लिए, आपको एक और विधि के साथ आना पड़ सकता है।

संपादित

एक अन्य विधि छवि पैदा करते हैं और ईमेल भेजने से पहले अपने सर्वर पर बचाने के लिए होगा। आप किसी दिए गए स्लग को पार्स करके चार्ट उत्पन्न करने के लिए समर्पित अपने सर्वर पर एक पृष्ठ बनाकर ऐसा कर सकते हैं, और जब चार्ट लोड हो जाता है तो छवि डेटा के साथ एक POST अनुरोध भेजें। आप एक छिपे हुए कैनवास का उपयोग करके डेटा यूआरआई उपयोग कर सकते हैं (एचटीएमएल 5 की आवश्यकता है) और canvg जावास्क्रिप्ट प्लगइन:

आवश्यकताओं होने के लिए:

chart_area = document.getElementById("chart_div").getElementsByTagName('iframe')[0].contentDocument.getElementById("chartArea"); 
svg = chart_area.innerHTML; 
canvas = document.getElementById("hidden_canvas"); 
canvas.setAttribute('width', chart_area.offsetWidth); 
canvas.setAttribute('height', chart_area.offsetHeight); 

canvg(canvas, svg); 
image_data_uri = canvas.toDataURL("image/png"); 
+1

कोई अन्य विकल्प देखें? –

7

आपको निम्न रूप chart.getImageURI() का उपयोग कर अपने चार्ट की एक PNG संस्करण प्राप्त कर सकते चार्ट तैयार होने के बाद, ready ईवेंट में!

var my_div = document.getElementById('my_div'); 
var my_chart = new google.visualization.ChartType(chart_div); 

google.visualization.events.addListener(my_chart, 'ready', function() { 
    my_div.innerHTML = '<img src="' + chart.getImageURI() + '">'; 
}); 

my_chart.draw(data); 
1

पार्टी के लिए एक छोटी सी देर हो गई, लेकिन हम अभी इस सटीक की जरूरत के लिए https://ChartURL.com बनाया क्योंकि इस सवाल का लगभग 3.5 वर्ष किया जा रहा है, सबसे अच्छा वहाँ बाहर समाधान जब तक ChartURL था बहिष्कृत Google छवि चार्ट एपीआई :)

के बावजूद

आशा है कि इससे किसी को मदद मिलेगी!

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