電子郵件圖表 - 酒吧，區域和餅圖

Question

我想在我的電子郵件 - 酒吧，區域，餅圖中顯示圖表。我嘗試了一些基於CSS的內聯樣式的圖表，但它仍然不顯示。這是在電子郵件中顯示圖表的最佳方式。

圖像是唯一的選擇嗎？

Answer 1

單獨發送HTML電子郵件是一件棘手的工作。各種郵件客戶端的各種標準和限制以及安全限制的負載使得創建跨瀏覽器/客戶端HTML電子郵件傳輸變得困難。作爲一個拇指規則，我覺得你使用的是較舊的技術，它更好地在郵件客戶端中被統一再現。由「老」技術，我的意思是表驅動的HTML，CSS內聯非常基本的CSS屬性，沒有腳本等

您的可能性排行榜電子郵件：

1. Flash圖表 - 這將是幾乎所有郵件客戶端都被阻止。
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」計劃的飛行圖表，或您可以向我們發送大量數據，並返回一個可解析爲圖片的短網址。

有一個免費的等級，但是一旦您每月獲得幾百張圖片，我們會要求您開始付款。儘管如此，我們確實努力使定價儘可能地友好。因此，如果用例對您的業務至關重要，那麼這應該是一件容易的事情。

它建立在http://C3js.org之上，所以你可以產生很大的靈活性。

這些網址可以在網絡應用&移動應用中使用，但最初的意圖是電子郵件圖表，所以我希望這可以幫助！