Label

JavaScript Chart Features

Label

Back To Categories

JSCharting includes advanced label support and functionality to quickly and easily render custom formatting and label options, even without the need of a callback function. Through a smart token system and inline formattting, JSCharting automatically displays data associated with the parent object saving development time and visualizing data values and related calculations with ease.

Water Heating Curve

Using superscript and subscript label tags to display formulas.

Axis Formatting

Demonstrates specifying different cultures and format strings to axis tick labels.

NewAxis Tick Label Overflow Ellipsis

Limit label width and disable wrapping. Use overflow ellipsis to hide the excess text.

NewMultiple Shape Label Alignment

Shows 20 shape labels and their alignments set for a pie series. You can see how the labels align to the pie and directions they stack with labels sharing the same alignments.

Animated Label Icons

Using JSC.label() for KPI elements with animated SVG icons.

Weather Icons

Demonstrates using dynamic icons in axis tick labels.

World Population

Demonstrates using token expressions in axis ticks and tooltips.

Social Networks Info

Use JSC.label() to add SVG icons to HTML.

Axis Tick Angles

Update x axis tick angle using a range (slider) UI item.

Callback Formatting

Using the JSC formatting methods in the callback function.

Label Callbacks

Uses callback functions to process label text.

Label Callback Tokens

Evaluating data point tokens within a label callback.

Label Data Attributes

Uses data point attributes and displays them in labels with tokens.

Label Formatting

Demonstrates specifying the data formatting using a single setting.

Label Inline Formatting

Uses inline formatting to show the same value but using a different format in the title.

Label Lists

Demonstrate using lists and images to text annotations.

Label Tokens

Uses tokens in strings to describe charted data.

Legend Tokens

Uses label tokens with inline formatting for legend entry text.

Point Labels

Demonstrates point specific label options.

Time Span Expressions

Demonstrates using token expressions to calculate time spans.

Time Span Expressions Legend

Demonstrates using token expressions to calculate time spans in days shown in legend.