Email Charts
HtmlForgeX.Email includes email-safe chart components that render without JavaScript.
EmailBarChart
box.EmailBarChart(chart => {
chart.AddSeries("Sales", "#f59e0b")
.AddSeries("Marketing", "#3b82f6")
.AddSeries("Engineering", "#10b981");
chart.AddPoint("Q1", 85, 62, 95)
.AddPoint("Q2", 92, 58, 97);
});EmailDonutChart
box.EmailDonutChart(chart => {
chart.AddSegment("Completed", 72, "#10b981")
.AddSegment("Pending", 18, "#f59e0b")
.AddSegment("Failed", 10, "#ef4444")
.WithQuality(EmailDonutChartQuality.Smooth);
});EmailSparklineBars
Mini sparkline bars for inline data display:
box.EmailSparklineBars(new[] { 5, 8, 3, 12, 7, 9, 4 });EmailHeatmap
box.EmailHeatmap(heatmap => {
heatmap.LowColor = "#eef2ff";
heatmap.HighColor = "#4f46e5";
heatmap.AddRow("Mon", 2, 4, 6, 8)
.AddRow("Tue", 1, 3, 5, 7);
});EmailStatusTimeline
box.EmailStatusTimeline(timeline => {
timeline.AddStatus(EmailUptimeStatus.Operational, 21)
.AddStatus(EmailUptimeStatus.Degraded, 2)
.AddStatus(EmailUptimeStatus.Downtime, 1);
});API Reference
- Bar chart API: /api/email/htmlforgex-email-emailbarchart/
- Donut chart API: /api/email/htmlforgex-email-emaildonutchart/
- Sparkline bars API: /api/email/htmlforgex-email-emailsparklinebars/
- Heatmap API: /api/email/htmlforgex-email-emailheatmap/
- Status timeline API: /api/email/htmlforgex-email-emailstatustimeline/