Dense reporting

Sparklines

Render small trend charts inside grid rows for fast scanning.

_demos/sparklines/demo.htmlLoading

DataGridXL Sparklines

DataGridXL version 3 supports sparklines: Column, Line and Area Charts.

_demos/sparklines/demo.js

import DataGridXL from __componentPath__;

import getDemoColumns  from '/assets/modules2/getDemoColumns.js';
import getColumnSet from '/assets/modules2/getColumnSet.js';
import getDataSet from '/assets/modules2/getDataSet.js';

export function init(){

  const data = getDataSet(1000, getDemoColumns(), false);
  const columns = getColumnSet(getDemoColumns(), false);
  
  window.grid = new DataGridXL("grid", {
    licenseKey: __licenseKey__,
    data,
    columns
  });

}

Back to app ideas