電子メールチャート - バー、エリア、および円グラフ

Question

私の電子メールにグラフを表示する - バー、エリア、円グラフ。インラインスタイルのCSSベースのチャートをいくつか試しましたが、まだ表示されません。どのチャートを電子メールに表示するのが最良の方法です。

画像は唯一のオプションですか？

Answer 1

HTMLメールを単独で送信するのは難しい作業です。さまざまなメールクライアントのさまざまな標準と制限、およびセキュリティ制限の負荷により、ブラウザ/クライアント間のHTML電子メールの配信が困難になります。親指のルールとして、私が使用している古い技術は、メールクライアント間で均一に再現される方が良いと感じています。これは次のようになります -

1. フラッシュチャート：「古い」技術によって、私は、電子メールでのチャートの

   あなたの可能性など、テーブル駆動型のHTML、非常に基本的なCSS属性のないスクリプトとインラインCSSを意味しますほぼすべてのメールクライアントによってブロックされます。

2. HTML5チャート - ほとんどの電子メールクライアント（Webベースのものを含む）はSVGをブロックし、JavaScriptが確実にブロックされるため、「キャンバス」で駆動されるチャートを役に立たなくします。
3. 純粋なHTMLチャートとCSSチャートが機能するかもしれませんが、最も一般的なチャートライブラリは高度なHTML機能を使用しているため、ほとんどのチャートはメール内でうまく表示されません。
4. 画像ベースのチャート - あなたの最良の賭けはチャートの画像になります。インラインイメージは電子メールクライアントに広く送信されるので、私は、チャートをイメージとして生成し、それをHTMLメールの一部として組み込むことを提案します。ほとんどのチャートコンポーネント（FusionCharts、Highchartsなど）では、チャートをイメージとして生成できます。

イメージベースのグラフを使用したいが、それを動的に生成したい場合は、クエリ文字列を介してデータを送信するサーバー側スクリプトを作成するのが良い方法ですこのデータを使用して生成されたチャートのイメージを返します。

あなたがイメージベースのチャートを展開何か問題がある場合は、あなたがグラフを生成するための簡単な<table>、<div>とインラインCSSを使用し、純粋なHTMLベースのチャートを考えることがあります。悲しいことに、私は市場に容易に利用できるコンポーネントがあるとは思わない。

年後半

Answer 2

3.5が、ラーメンで私のチームは最近、ちょうどこのんスタンドアロン製品にいくつかの内部の機能をスピンアウト：https://ChartURL.com

あなたが「暗号化されたURL」方式を使用して、その場でグラフを生成することができ、または膨大な量のデータを送信することができ、画像に解決される短いURLが返されます。

無料の階層がありますが、月に数百枚以上の画像を取得すると、お支払いを開始するよう依頼します。私たちは本当に価格を可能な限りフレンドリーにするよう努力しました。あなたのビジネスにとってユースケースが重要であるならば、それは簡単なことではありません。

これはhttp://C3js.orgの上に構築されたので、生成できるものには多大な柔軟性があります。

これらのURLは、モバイルアプリ&モバイルアプリで使用できますが、元の意図はメールチャートだったので、これが役立つことを願っています！