Email-Charts - Bar-, Flächen- und Kreisdiagramme

Question

Ich möchte die Charts in meiner E-Mail anzeigen - Bar, Bereich, Kreisdiagramme. Ich habe ein paar CSS-basierte Diagramme mit Inline-Stilen ausprobiert, aber es taucht immer noch nicht auf. Welches ist die beste Möglichkeit, Diagramme in E-Mails anzuzeigen.

Sind Bilder die einzige Option?

Answer 1

Das Senden von HTML-E-Mails ist eine schwierige Aufgabe. Verschiedene Standards und Einschränkungen verschiedener E-Mail-Clients und viele Sicherheitseinschränkungen erschweren die Erstellung einer browserübergreifenden/Client-HTML-E-Mail-Zustellung. Als Daumenregel glaube ich, dass die ältere Technologie, die Sie verwenden, umso besser einheitlich über die Mail-Clients reproduziert wird. Durch die "ältere" Technologie meine ich tabellengesteuerte HTML, CSS inline mit sehr einfachen CSS-Attributen, ohne Scripting usw.

Ihre Möglichkeiten für Diagramme in E-Mail:

1. Flash-Diagramme - dies wäre blockiert von fast allen Mail-Clients.
2. HTML5-Diagramme - die meisten E-Mail-Clients (einschließlich Web-basierte) blockieren SVG und würden auch "Canvas" -gesteuerte Diagramme nutzlos machen, da JavaScript definitiv blockiert wird.
3. Reine HTML- und CSS-Diagramme funktionieren möglicherweise, aber da die meisten gängigen Diagrammbibliotheken erweiterte HTML-Funktionen verwenden, werden die meisten Diagramme in E-Mails nicht gut dargestellt.
4. Bildbasierte Diagramme - Ihre beste Wette wäre ein Bild des Diagramms. Da Inline-Bilder häufig über E-Mail-Clients gesendet werden, wäre mein Vorschlag, ein Diagramm als Bild zu erstellen und es dann als Teil Ihrer HTML-Mail einzuschließen. Die meisten Diagrammkomponenten (wie FusionCharts, Highcharts usw.) ermöglichen es Ihnen, Diagramme als Bild zu erzeugen.

Falls Sie beabsichtigen, bildbasierte Diagramme und noch genutzt werden soll, dynamisch generiert werden, wäre ein guter Trick, um eine serverseitige Skript zu erstellen, an die Sie Daten über Abfrage-String und senden würde das Bild eines mit diesen Daten erzeugten Diagramms zurückgeben.

Wenn Sie Probleme mit der Bereitstellung von bildbasierten Diagrammen haben, dann denken Sie vielleicht an reine HTML-basierte Diagramme, die einfache <table>, <div> und Inline-CSS verwenden, um Diagramme zu generieren. Leider glaube ich nicht, dass es dafür eine leicht verfügbare Komponente auf dem Markt gibt.

Answer 2

3,5 Jahre zu spät, aber mein Team bei Ramen vor kurzem einige interne Funktionalität in ein eigenständiges Produkt, das nur ausgesponnen tut dies: https://ChartURL.com

Sie können Diagramme on the fly erzeugen eine „Encrypted URL“ -Schema, oder Sie können uns riesige Datenmengen senden, und wir geben eine kurze URL zurück, die zu einem Bild aufgelöst wird.

Es gibt eine kostenlose Stufe, aber sobald Sie ein paar hundert Bilder pro Monat bekommen, werden wir Sie bitten, zu zahlen. Wir haben uns jedoch bemüht, die Preisgestaltung so freundlich wie möglich zu gestalten. Es sollte also ein Kinderspiel sein, wenn der Anwendungsfall für Ihr Unternehmen von entscheidender Bedeutung ist.

Es wurde auf http://C3js.org gebaut, so gibt es eine Menge Flexibilität in was Sie generieren können.

Diese URLs können in Web-Apps & Mobile Apps verwendet werden, aber die ursprüngliche Absicht war E-Mail-Diagramme, also hoffe ich, dass dies hilft!