HtmlForgeX

Charts

HtmlForgeX includes two powerful charting libraries: ApexCharts and Chart.js .

ApexCharts

ApexCharts is the primary charting library with 20+ chart types:

  • Line, Area, Column, Bar
  • Pie, Donut, Polar Area, Radar
  • Scatter, Bubble, Mixed/Combo
  • Heatmap, Treemap, Candlestick
  • Box Plot, Range Bar/Area, Funnel
  • Radial Bar, Gauge

Chart.js

Chart.js provides additional chart types and plugins:

  • Line, Area, Bar, Horizontal Bar
  • Pie, Doughnut, Polar Area, Radar
  • Scatter, Bubble
  • Gauges (via chartjs-gauge-v3)
  • Sankey Diagrams (flow visualization)
  • Geo Maps (choropleth, bubble maps)

Quick Example

doc.Body.Page(page => {
    page.ApexChart(chart => {
        chart.Title.Text("Monthly Revenue");

        chart.AddLine("Jan", 42000)
             .AddLine("Feb", 46500)
             .AddLine("Mar", 43800)
             .AddLine("Apr", 49200);

        chart.Stroke(s => s.SetCurve(ApexCurve.Smooth).SetWidth(3))
             .DataLabels(d => d.Enable(false));
    });
});

Next Steps