AdminLTE
Toggle navigation
  • 4
    • You have 4 messages
      • User Image

        Support Team 5 mins

        Why not buy a new awesome theme?

      • user image

        AdminLTE Design Team 2 hours

        Why not buy a new awesome theme?

      • user image

        Developers Today

        Why not buy a new awesome theme?

      • user image

        Sales Department Yesterday

        Why not buy a new awesome theme?

      • user image

        Reviewers 2 days

        Why not buy a new awesome theme?

    • See All Messages
  • 10
    • You have 10 notifications
      • 5 new members joined today
      • Very long description here that may not fit into the page and may cause design problems
      • 5 new members joined
      • 25 sales made
      • You changed your username
    • View all
  • 9
    • You have 9 tasks
      • Design some buttons 20%

        20% Complete
      • Create a nice theme 40%

        40% Complete
      • Some task I need to do 60%

        60% Complete
      • Make beautiful transitions 80%

        80% Complete
    • View all tasks
  • Jane Doe
    • User Image

      Jane Doe - Web Developer Member since Nov. 2012

    • Followers
      Sales
      Friends
    • Profile
      Sign out
User Image

Hello, Jane

Online
  • Dashboard
  • Widgets new
  • Charts
    • Morris
    • Flot
    • Inline charts
  • UI Elements
    • General
    • Icons
    • Buttons
    • Sliders
    • Timeline
  • Forms
    • General Elements
    • Advanced Elements
    • Editors
  • Tables
    • Simple tables
    • Data tables
  • Calendar 3
  • Mailbox 12
  • Examples
    • Invoice
    • Login
    • Register
    • Lockscreen
    • 404 Error
    • 500 Error
    • Blank Page

Inline Charts multiple types of charts

  1. Home
  2. Blank page

jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

jQuery Knob Different Sizes

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

jQuery Knob Tron Style

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

The following was created using data tags

The following three inline (sparkline) chart have been initialized to read and interpret data tags

Sparkline Pie

6,4,8

Sparkline line

6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6

Sparkline Bar

6,4,8, 9, 10, 5, 13, 18, 21, 7, 9

Sparkline examples

Mouse speed Loading..

Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1

Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Composite bar 4,6,7,7,4,3,2,1,4

Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5
Discrete with threshold 4,6,7,7,4,3,2,1,4

Bullet charts
10,12,12,9,7
14,12,12,9,7
10,12,14,9,7

Customize size and colours 10,8,9,3,5,8,5,7

Tristate charts 1,1,0,1,-1,-1,1,-1,0,0,1,1
(think games won, lost or drawn)

Tristate chart using a colour map: 1,2,0,2,-1,-2,1,-2,0,0,1,1

Box Plot: 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
Pre-computed box plot Loading..

Pie charts 1,1,2 1,5 20,50,80