Shield UI is a private Scottsdale/AZ/US-based company, selling software components.

Their JavaScript chart component (Shield UI JS Chart) is a fast, feature-rich and highly-customizable control for rendering multiple types of graphical representation of data. The JavaScript chart component is SVG-based and does not render 3D charts at this time.

Local time in Scottsdale, AZ, USA: Wed 7:42 PM (GMT-7:00)


Shield UI suites are free for non-commercial use. The JavaScript/HTML5 package includes 70+ JavaScript and HTML5 widgets for client-side development. Shield UI Complete has all ShieldUI client and server components for all supported platforms, including ASP.NET MVC and Web Forms.

How to Use

Featured Version: 1.7.38

You may download the product and reference each required script file from your local host. The whole library, or parts of the library, can be also referenced from remote CDN Internet script files, and you'll have nothing to download.

Our templates provide you full JavaScript files for each chart, with local CSS, local JS code and remotely referenced CDN script files. Change these references if you want to use a different version or CDN. And remember that you may still need to purchase a valid license from Shield UI for commercial use.

Themes and Colors

Shield UI offers many built-in predefined themes: Dark, Dark Bootstrap, Dark Bootstrap Gradient, Dark Glow, Dark Glow Gradient, Dark Gradient, Dark Mint, Dark Mint Gradient, Light, Light Bootstrap, Light Bootstrap Gradient, Light Glow, Light Glow Gradient, Light Gradient, Light Mint, Light Mint Gradient. They have also related built-in predefined color templates.

Builtin Color Palette: NCP 55

Our Extended Features

  • thin bars
  • ring charts
  • rounded bars
  • reversed charts
  • rotated charts
  • hide chart's background/border/shadow
  • hide plot's background/border/shadow
  • single switch for graph only
  • single switch for whole plot's area
  • switch for chart's title and subtitle
  • switch for chart's legend
  • interactive legend with single series visible
  • hidden legend for single-series charts
  • toggle horizontal/vertical gridlines
  • switch for X/Y axis title
  • switch for X/Y axis labels
  • switch for slanded X/Y axis labels
  • format X/Y axis labels
  • show/hide data labels
  • inside/outside data labels
  • percent/value data labels
  • show vertical data labels
  • switch for user interactivity
  • toggle animation
  • slower/faster animation
  • toggle styled tooltips
  • toggle crosshairs
  • toggle trackball
  • add source code error handling
  • explode pie/doughnut
  • shadowed chart title
  • CSS chart background
  • CSS chart border
  • CSS chart shadow
  • interlaced grid bands
  • line cap and join styles
  • adding a goal line
  • adding a goal range
  • tooltip shadow
  • emulated SVG series shadows
  • Google Fonts
  • CSS text transformations
  • scalable font size
  • see-through series background
  • area with/without line
  • transparent series
  • monochrome series
  • switch to gray monochrome series
  • negative values with alternative color
  • empty points with broken/continuous series
  • hidden pie/doughnut slice
  • edge data cases
  • color palette templates
  • custom/builtin color palette always in clear
  • builtin marker palette symbols always in clear
  • custom chart for no data

Our Extended Chart Types

All Chart Types















Top Real Time Web Analytics
Summary: Omega has a long history of replica watches uk making beautiful ladies' watches, and in this new series of replica rolex famous discs, each watch has a delicate and pure design style, interpretation of replica watches the most cutting-edge fashion concept, and the image of fake watches modern independent women.