Charts

Domain

Chart.js chart bileşenleri Card içinde: Bar, Line, Doughnut, Radar ve Polar Area.

Bar — Revenue vs Expenses

Revenue vs Expenses

Monthly comparison (USD)

Line — User Activity

User Activity

Daily active users vs new signups

Doughnut — Sales by Category

Sales by Category

Percentage share of total revenue

Radar — Product Comparison

Product Comparison

Our product vs competitor across 6 dimensions

Polar Area — Regional Sales

Regional Sales

Units sold per region

Source modules/domain/common/charts/Charts.ejs

<%
/*
  Charts.ejs — Chart.js chart wrapper
  Props:
    chartId    {string}  unique canvas id
    type       {string}  'bar' | 'line' | 'doughnut' | 'radar' | 'polarArea'
    title      {string}  card title
    subtitle   {string?} card subtitle
    data       {object}  Chart.js data object (JSON-serializable)
    options    {object?} Chart.js options override (JSON-serializable)
*/
const _opts = typeof options !== 'undefined' ? options : {};
%>

  
    <%= title %>
    <% if (typeof subtitle !== 'undefined' && subtitle) { %>
      <%= subtitle %>
    <% } %>