Skip to main content

Chart Widgets for Dashboards

JavaScript Chart Types

Chart Widgets for Dashboards

Chart Widgets provide smaller and simpler chart views for many different chart types ideal for use in dashboards. Widgets are optimized for glanceable data visualization including custom chart indicators, gauges, label charts, label typography and more.

Uses the BarColumn widget object to demonstrate a few features and styling options.
Uses the Circular widget object with animation to update data.
Circular widgets with limited sweep arcs.
Demonstrate different value, icon, and label positions with Circular widgets.
An example using a Circular widget with multiple values to show progress.
Use CSS to style Circular widgets.
Animated Circular and Linear widgets that demonstrate automatic text animation with live data updates.
Use Circular, Linear, and BarColumn widgets on gradient backgrounds.
Uses the Linear widget object with animation to update data.
Demonstrate different value, icon, and label positions with Linear widgets.
Linear gauge widgets with multiple values.
Use CSS to style Linear widgets.
Linear gauge widgets with target values.
Area chart widget highlighting day on hover using a translucent crosshair.
Area chart widget highlighting category axis columns and axis tick labels.
Stacked area line and line chart usage in dashboard widgets.
Area chart widget with highlight styling and axis inside the chart.
Bubble chart dashboard widgets.
Animated widget using a colorized axis line with point value color sync.
Circular gauge icon and value widgets with vertical and horizontal layouts.
Circular Gauge widgets with KPI value change indicator arrows.
Circular gauge icon and value widgets with different styles and smartPalette.
Stacked column and bar chart usage in dashboard widgets.
Update widget data and draw point markers even if overlapping axis.
Donut chart usage in dashboard widgets.
Grid and table usage in dashboard widgets.
Label value and KPI change indicator arrows widgets.
Label value and icon widgets.
Label widget layout and sizing.
Linear gauge widgets with values, descriptive labels and titles.
Linear gauge widgets with icons, values, descriptive labels and titles.
Map usage with zoom UI in a widget.
Micro chart widgets using area line, columns, line and labels.
Micro chart widgets with icons using area line, columns, bars and labels.
Scatter chart dashboard widgets.
Area charts with full bleed into their container div.