Sparkline Chart

Example
Basic Sparklines inside Data Table Columns
Customer IDTotal FreightLineAreaBarWinLoss
ALFKI$225.58
ANATR$97.42
ANTON$268.52
AROUT$471.95
BERGS$1,559.52
BLAUS$168.26
BLONP$623.66
BOLID$191.17
BONAP$1,357.87
BOTTM$793.95

  This Sparkline example includes:

  • Custom theme
  • Sparkline.Line, .Area, .Bar, and .WinLoss elements, embedded in data table
  • Minimal attribute settings

...with Custom Colors, Tooltip Panels, and DrillDown
Customer IDTotal FreightLineAreaBarWinLoss
ALFKI$225.58
ANATR$97.42
ANTON$268.52
AROUT$471.95
BERGS$1,559.52
BLAUS$168.26
BLONP$623.66
BOLID$191.17
BONAP$1,357.87
BOTTM$793.95

  This Sparkline example includes:

  • Sparkline.Line, .Area, .Bar, and .WinLoss elements, embedded in data table
  • Custom color settings
  • Tooltip panels for more info
  • Click to drilldown, passing Customer ID

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis orci nec metus dignissim tincidunt. Ut malesuada egestas est in porta. Fusce placerat orci ut elit dictum vulputate. Nulla et eros in lectus ullamcorper facilisis. Donec id neque augue, sed vulputate mauris. Nullam ut massa nec nisl aliquam suscipit. Donec commodo, nulla non mattis ullamcorper, quam mauris imperdiet nisl, quis placerat sapien arcu a lacus. Sed porta augue sit amet eros eleifend lobortis. Nam commodo luctus purus, in gravida risus congue.

Nullam ut massa nec

  This Sparkline example includes:

  • Sparkline.Bar, embedded in HTML table
  • Custom theme
  • Custom color settings