2012-07-02 17 views
11

E-postalara grafiklerin görüntülerini katıştırmak için Google grafiklerini kullanmaya çalışıyorum. Böylece her kullanıcı benzersiz bir grafiğe sahip olacak.Google Çizelgeleri Resim

API'yi kullanabilir ve Grafikler oluşturacak ve e-posta İstemcisine bir Resim gönderecek benzersiz bir URL gömebiliriz.

+0

google grafiklerinden gelen görüntülü grafikler özelliği, bir muamele yapar, bkz. Http://datamakessense.com/kpi-emails-with-google-charts-url-parameters – AdrianBR

cevap

4

Google Chart Wizard kullanarak bir grafik görüntüsünü oluşturacak bir url oluşturmak mümkündür. Ancak, bu hizmet son zamanlarda (Nisan inanıyorum) çünkü kullanımdan kaldırıldı. Hala iyi çalışıyor, ancak uzun vadeli bir çözüm için başka bir yöntemle gelmeniz gerekebilir.

Düzenleme

başka yöntem imaj oluşturmak ve e-posta göndermeden önce sunucuya kaydetmek olacaktır. Bunu, sunucunuzda belirli bir sümük parçasını ayrıştırarak grafiği oluşturmak için ayrılmış bir sayfa oluşturarak ve grafik yüklendiğinde görüntü verileriyle bir POST isteği göndererek yapabilirsiniz. Belki de gizli bir tuval kullanarak veri URI erişebilirsiniz (HTML5 gereklidir) ve eklenti javascript canvg:

İhtiyaçları olmak:

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

başka bir alternatif var mı? –

7

Aşağıdaki gibi chart.getImageURI() kullanarak grafiğin bir PNG sürümünü alabilirsiniz grafik çizildikten sonra, ready etkinliğinde!

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

partisine geç Biraz ama biz sırf bu soru oralarda iyi çözüm ChartURL oldu kaldırılmış Google Resim Grafikler API kadar :)

neredeyse 3.5 yaşında olmasına rağmen tam bu ihtiyacı için https://ChartURL.com inşa

Bunun birilerine yardım edeceğini umarız!

İlgili konular