Gallery

JavaScript Chart Features

Axis

JSCharting has advanced axis support which automatically tunes, labels and animates axis transitions and scales. Axes may be duplicated and customized to show different units and complete support for multiple axis is standard. Customization and control is also offered for major and minor tick styling and interval settings. Advanced culture support ensures that your data displays correctly and is formatted correctly in different browsers, countries and cultures.

Range Ticks On Series Custom range ticks with offset range ticks onto chart area.

Edit Code

Multi Y Stack Mixing Demonstrates using multiple Y Axes using regular and stacked scales.

Edit Code

Tires Compared Custom curly brace range ticks mapped to tire ratings.

Edit Code

Category Range Ticks Multi-level category axis range tick labels.

Edit Code

- Axis Scales
  Applies axis scales settings that affect the axis range and appearance.
- Scale Breaks
  Manually added scale breaks.
- Scale Breaks Auto
  Automatic scale breaks by specifying a limit.
- Axis Markers with CalendarPatterns
  Holiday calendar pattern markers showing correlation with hotel traffic.
- Holiday Calendar Pattern Markers
  Holiday calendar pattern markers correlating with website traffic.
- Weekend Marker Calendar Patterns
  Weekday vs weekend axis marker calendar patterns.
- Axis Series Groups
  Category axis label groups using range ticks.
- Axis Series Ranges
  Series value ranges with multiple y axes.
- Gridless Gridlines
  Grid lines position control.
- Range Tick Layout
  Custom range ticks with multiple and offset axes.
- Axis Quarter Groups
  Custom calendar pattern axis ranges.
- Last Point Ticks
  Axis ticks associated with last point in each series.
- Axis Tick Icons
  Custom axis ticks with icons.
- Axis Tick Line Caps
  Axis tick line caps.
- Calendar Pattern Range Ticks
  Interval calendar pattern ranges on a time scale axis.
- Axis Line Caps
  Arrow and circle axis line caps.
- Logarithmic Axis Label Formatting
  Negative and positive values on a logarithmic scale with t (ten) formatting.
- Tick Placement
  Dynamic tick placement.
- Axis Analysis Ticks
  Dynamically updates chart data in real-time. Custom axis ticks display calculations that stay in sync.
- Axis Array Ticks
  Default axis ticks replaced with custom ticks.
- Axis Intervals
  Specify custom numeric and time tick intervals.
- Axis Log Scale
  Logarithmic axis scale with options.
- Axis Marker Goal
  Axis marker that is always visible by using IncludeInScale.
- Axis Markers In Front
  AxisMarkers drawn in front of data points.
- Axis Marker Wiz
  Demonstrates many axis marker styling features.
- Axis New Ticks
  Default axis ticks replaced with custom ticks.
- Axis Shadowing
  Defines multiple axes sharing common gridlines while using different units on each axis.
- Axis Shadowing Time
  Define multiple axes sharing common gridlines while using different time intervals on each axis.
- Axis Tick Goal
  Axis custom tick with box fill options that is always visible by using IncludeInScale.
- Multi Y Axes
  Demonstrates using multiple Y Axes associated with different data.