2012-06-02 22 views
7

Charts - Bar, Area, Pie Charts. Satır içi stilleri olan birkaç CSS tabanlı Grafik denedim ancak hala görünmüyor. Grafikleri e-postada göstermenin en iyi yolu hangisidir.E-posta Grafikleri - Bar, Alan ve Pasta Grafikleri

Tek seçenek görüntüleri mi?

+0

Belirli bir e-posta istemcisini hedefliyor musunuz? – Mark

+0

@Mark temel olarak istemcilere telefon ediyor - iPhone ve Android. –

+0

AlphaMail, [işlem e-postasında grafikler oluşturmak] için bir özelliğe sahiptir (http://comfirm.se/techblog/how-to-use-google-charts-in-transactional-email/) (geliştiricilerden biriyim) . –

cevap

20

HTML e-postasını kendi kendine gönderme zor bir iştir. Çeşitli posta istemcilerinin ve güvenlik sınırlamalarının çeşitli standartları ve sınırlamaları, çapraz tarayıcı/istemci HTML e-posta dağıtımını zorlaştırır. Bir başparmak kuralı olarak, kullandığınız eski teknolojinin, posta istemcileri arasında düzgün şekilde çoğaltıldığını hissediyorum. Bu olacak -

  1. Flaş çizelgeleri: "Büyük" teknoloji derken e-postada grafikleri için

    Kişisel olasılıklar vb Tablo kullanan HTML, çok temel CSS nitelikler, hiçbir komut dosyası ile inline CSS demek Neredeyse tüm posta istemcileri tarafından engellendi.

  2. HTML5 grafikler - çoğu e-posta istemcisi (web tabanlı olanlar dahil), SVG'yi engeller ve aynı zamanda JavaScript'in engellenmesi nedeniyle "canvas" -driven grafiklerini kullanamaz hale getirir.
  3. Salt HTML ve CSS grafikleri işe yarayabilir, ancak çoğu popüler grafik kitaplığı gelişmiş HTML özellikleri kullandığı için, grafiklerin çoğu e-posta içinde düzgün olmaz.
  4. Görüntü tabanlı grafikler - En iyi bahsiniz grafiğin görüntüsü olabilir. Satır içi resimler yaygın olarak e-posta istemcilerine gönderildiğinden, önerim resim olarak bir grafik oluşturmak ve ardından HTML postanızın bir parçası olarak eklemek olacaktır. Çoğu grafik bileşeni (FusionCharts, Highcharts, vb.), Resim olarak grafikler oluşturmanıza izin verir.

Görüntü tabanlı grafikler kullanmayı ve bunun dinamik olarak oluşturulmasını istiyorsanız, sorgu dizesi ile veri gönderebileceğiniz sunucu tarafı bir betik oluşturmak iyi bir hiledir. Bu veriler kullanılarak oluşturulan bir grafiğin görüntüsünü döndürür.

görüntü tabanlı grafikler dağıtma herhangi bir sorun varsa, o zaman çizelgeleri oluşturmak için basit <table>, <div> ve satır içi CSS kullanabilirsiniz saf HTML tabanlı grafikleri hakkında düşünebilir. Ne yazık ki, bunun için piyasada hazır bir bileşen olduğunu düşünmüyorum. https://ChartURL.com

Sen, bir "Şifreli URL" şemasını kullanarak anında çizelgeleri oluşturabilir ya:

+0

İyi cevap .... – Mark

+1

Güvenilirlik için grafik tabanlı grafikler muhtemelen hala tercih edilen seçenek. Sqlchart kullanarak komut satırından grafikler oluşturabilirsiniz http://www.sqldashboards.com/sqlchart –

3

3,5 yıl geç ama Ramen ekibim son zamanlarda sadece bunu yapar tek başına bir ürün haline bazı iç işlevselliğini dışarı bükülmüş Bize çok miktarda veri gönderebilir ve bir resme çözülecek bir Kısa URL göndeririz.

Ücretsiz bir katman var, ancak ayda birkaç yüz resmi ele geçirdiğinizde, ödemeye başlamanızı isteyeceğiz. Gerçi fiyatlandırmayı mümkün olduğunca dostça yapmaya çalıştık. Bu yüzden kullanım durumu işletmeniz için kritikse, no-brainer olmalıdır.

http://C3js.org üzerine kurulmuş, böylece üretebildiğinizde bir ton esneklik var.

Bu URL'ler web uygulamalarında & mobil uygulamalarda kullanılabilir, ancak asıl amaç e-posta çizelgeleridir, bu yüzden bu yardımcı olur!

+0

İyi cevap, ama ücretsiz bir katman olmasına rağmen, bu (çoğunlukla) kullanım için ödeme yaptığınız bir ürün olduğunu unutmayın. . – Zoot

+0

Evet iyi nokta @zoot Daha net bir şekilde yansıtmak için cevabı düzenleyeceğim. –