7

メール本文に動的な棒グラフを描画することはできますか? (Outlook と互換性がある必要があります)

Oracle データベースを介して送信された電子メールでグラフを描画する必要があり、動的な値がプロシージャを介して渡されます。

4

4 に答える 4

19

最善の解決策は、棒グラフを動的に作成し、それを画像に変換することです。これには単純にプリントスクリーンを使用し、それを Photoshop などにインポートして、そこで画像を編集することができます。

HTML 電子メールは、10 年以上前の HTML コードに最もよく反応するという点で悪名高いものです。

基本的なガイドライン:

  • メールで HTML5 を使用しないでください。
  • 派手な CSS を使用したり、外部スタイルシートにリンクしたり、HEAD で CSS スタイルを使用したりしないでください。
  • 動作しないため、javascript を使用しないでください。

  • Flash は機能しないため、使用しないでください。

  • インラインCSSを使用してください

  • レイアウトには HTML TABLES を使用してください
  • 画像を使用してください。ただし、ファイルサイズをできるだけ小さくしてください。
于 2013-01-29T12:35:32.550 に答える
3

Google チャートのようなものを使用して、HTML メールに埋め込む動的な画像 (正しいデータ セットを通過する) を作成できます。

http://imagecharteditor.appspot.com/

http://www.jonwinstanley.com/charts/

于 2013-01-29T12:33:56.900 に答える
1

電子メール クライアントは JavaScript を解析しないため、JavaScript では何もできません。

ただし、ファイルにヘッダーを設定して JPEG または GIF にするようにサーバーに指示することはできます。ファイル拡張子も jpg または gif にする必要があります。一部の電子メール クライアントは、拡張子のない、または画像以外の拡張子を持つ画像のレンダリングに異常をきたすためです。サーバー側で何を使用しているかはわかりませんが、ほとんどの場合、何らかの動的画像生成ライブラリがあります。

または、テーブルを使用してグラフをレンダリングします。

<table>
  <tr>
    <td colspan="10" bgcolor="pink"></td>
  </tr>
  <tr>
    <td colspan="5" bgcolor="pink"></td>
    <td colspan="5" bgcolor="white"></td>
  </tr>
</table>

あなたはアイデアを得る。残念ながら、関連する HTML を生成するには何かを記述する必要があります。

于 2013-02-06T10:03:45.250 に答える
1

これは、「古い」html の方法で行う必要があります。表とプレーンな画像の意味。

5 つの項目を含む棒グラフを作成するとします。必要なすべてのセルを含むテーブルを作成すると、パーソナライズされたメールを送信するときに動的に垂直方向にスケーリングする 5 つの異なる画像があるとしましょう。すべての画像は、5 つの異なる色で 10x10px としましょう。送信されるすべての電子メールについて、画像のサイズをブロックのサイズにオーバーライドします。次に、電子メール アプリケーションの代替パターン (つまり %%variable%%) を配置し、送信されるすべての電子メールに適切な値を使用します。

例えば：

<table border=0>
<tr>
<td align=bottom><img src=redblock.gif width=20 height=%%height1%%></td>
<td align=bottom><img src=greenblock.gif width=20 height=%%height2%%></td>
<td align=bottom><img src=yellowblock.gif width=20 height=%%height3%%></td>
<td align=bottom><img src=blueblock.gif width=20 height=%%height4%%></td>
<td align=bottom><img src=greyblock.gif width=20 height=%%height5%%></td>
</tr>
<tr>
<td colspan=5 bgcolor=#000000 height=1><img src=singlepixel.gif width=1 height=1></td>
</tr>
<tr>
<td>Spain</td>
<td>France</td>
<td>US</td>
<td>UK</td>
<td>Italy</td>
</tr>
</table>
于 2015-07-29T17:45:00.897 に答える