Axis

JavaScript Chart Features

Axis

Back To Categories

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.

Multi Y Axes

Demonstrates using multiple Y axes associated with different series.

Category Range Ticks

Multi-level category axis range tick labels.

Range Tick Layout

Custom range ticks with multiple and offset axes.

Tires Compared

Custom curly brace range ticks mapped to tire ratings.

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.

Axis Shadowing

Defines multiple axes sharing common gridlines while using different units on each axis.

Gridless Gridlines

Grid lines on top of series that blend into background.

Multi Y Stack Mixing

Demonstrates using multiple Y Axes using regular and stacked scales.

Range Ticks On Series

Custom range ticks that are offset onto the chart area.

Axis Quarter Groups

Custom calendar pattern axis range ticks.

Last Point Ticks

Axis ticks associated with the last point in each series.

Scale Breaks

Manually added scale breaks.

Scale Breaks Auto

Automatic scale breaks by specifying a limit.

Axis Tick Icons

Custom smartPalette color bar 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. Dynamic 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 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 Features

Demonstrates many axis marker styling features.

Axis New Ticks

Default axis ticks replaced with custom ticks.

Axis Tick Goal

Custom axis tick with box fill options that is always visible by using the AxisTick.includeInScale option.

Hidden Axis Tick Styling

Use defaultHiddenTick to stagger tick labels by setting a pixel offset for ticks that are overlapped.

Axis Scales

Applies axis scales settings that affect the axis range and appearance.

Axis Shadowing Time

Define multiple axes sharing a common time scale while using different tick intervals.