@@include('global/_head.html',{ "headTitle": "Sparkline chart", }) @@include('docs/_sidebar.html', {"page": "charts"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )
  1. Home
  2. Docs
  3. Chart's
  4. Sparkline

Sparkline

  • Mini Line Chart

    Mouse over the chart to see the tooltip

    26,68,35,38,53,95,114,87,114 9,43,50,36,95,41,69,113,50 5,43,66,73,50,102,40,92,59 14,89,16,35,63,63,64,124,100 38,13,36,62,98,48,93,60,75 Loading... Loading... Loading... Loading... Loading...

    Composite Inline

    8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10
  • Mini Bar Chart

    Negative values

    25, -10, 15, 35, -15,-5, 10, 20, 15

    Stacked

    2:4, 5:7, 2:9, 4:8, 3:10,4:10, 3:6, 5:8, 2:3

    Composite Bar

    4,6,7,7,4,3,2,1,4
  • Mini Pie Chart
    30, 15, 55 65, 25, 10 70, 30 20, 15, 65 60, 10, 30 15, 35, 50
@@include('docs/_chart-url.html') @@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "sparkline": "true" })