The JavaScript library that comes with the component has methods that allow adding, updating, removing or inserting new data points or range of points. All the operations run fast and smart and allow setting new data without reloading the chart.

The primary navigation control is the so-called Scroller. Using Scroller, which displays a series' thumbnail in its own background, you can instantly jump to the area of your interest. Besides that, you can zoom and scroll the data almost every possible way.

Combined with other navigation elements, Scroller resolves all possible navigation issues and dramatically improves user experience!

At the same time, you have the power to quickly customize almost every part of a chart: change colors, fonts, sizes and shapes. The extensive documentation covers every aspect of chart elements configuration.

We also provide the defaults and templates system, which eases up the configuration process and allows reusing configuration sets you have created earlier.

By default, date, time and numbers are localized according to the North American (US) standards, but that can be easily changed to suit any other region or culture.

To make the localization even easier, we have created a special utility that allows obtaining the required regional configuration in a matter of minutes.

Event markers can be bound to a chart series or to the timeline; four special marker shapes are available. The stacking and merging systems allow to put as many markers as necessary on a chart, while keeping the chart clean and readable.

You can save a chart as a JPG image, PNG image, PDF document with a static image in it or as an Interactive PDF. Interactive PDF is a document, which contains a built-in Flash Player, and the viewer allows scrolling and manipulating the chart the same way as that is done on an HTML page.

Here is a full list of supported types with links to the chart gallery:

You can show both absolute and percent changes, define static or dynamic comparison start date and reflect changes direction in legend or tooltip using colors or icons.

The Full Screen Mode turns on via the "Show Full Screen..." item on the context menu. Please note that the full screen feature has a number of configurable resizing modes, so you can fine-tune it to meet your needs.

A chart can be printed via the "Print Chart.." item on the context menu or through a special Java Script API method. For both ways, you can tune the scaling mode to get the desired appearance for the printed chart.

The library controls all the aspects of the interaction between the chart, the HTML page, and server. Chart embedding, handling events, getting data from chart, exporting chart, accessing chart object model - all these features is a minor part of the JS API's potential.

This function is great for working with a chart within an HTML page, especially when the developers prefer fully JavaScript-based solutions. Also, JSON is very handy for updating chart configuration in real time using the chart object model.

XML is a very comfortable format to work with, and you can easily create and alter it both on the client and the server side.

We provide XML Schema for the AnyChart Stock XML format - it eases up creating schema-based wrappers or editing XML in XML editors.

The chart object model makes the development much easier and enables you to make your application even more interactive!

Any loaded and rendered chart's settings can be obtained in the form of a JSON object using Java Script API; this configuration object can be read, modified and passed back to the component to apply the new settings.

The scale has several modes for displaying negative values; those modes allow using performance charts - when the percentage or absolute changes are shown instead of the absolute security prices, which can be both positive and negative.

AnyChart Stock has the very flexible system for adding extra Y axes to a chart, so you wouldn't have any problems with that.

The component supports any number of additional axes, with one or multiple series or technical indicators bound to them. The axes can also have no data binding and be synchronized or not synchronized with other axes on the chart.

Rich label formatting options for both major and minor labels give you the ability to display the timescale in any desired format!

Each Y Axis can have any number of such markers, each bound to some value. Markers can be displayed as a solid or dashed line, with one or several labels.

Axis Markers have a special option that can make them always visible (change axis range calculation mode).

Ranges are fully customizable - lines, fill and so on. You can add any number of labels on the markers that would help to explain the meaning of the marked range.

Any chart panel can have any number of timescale markers, and any timescale marker can have any number of labels.

You would have to set the start and end date and define how you would like this range to appear.

Like any other axis markers, the ranges can have any number of labels - with customizable font, text and background.

Each chart panel has its own set of value axes, own legend and other elements, but the timescale is always common.

The panels can be hidden, changed or shown at any time. Please refer to AnyChart Stock Documentation to learn more.

AnyChart Stock features two separate special elements: Date Highlighter and Value Highlighter. These two elements enable you to create a Crosshair element or simply highlight the date or value under the mouse pointer.

With AnyChart Stock, you can display personalized tooltips for any series that is being displayed.

HTML formatting and a special token system allow displaying data in almost any desired format!

This element may be a good alternative to separated tooltips; besides, it is fully configurable, just as any other element in AnyChart Stock.

Legend has a lot of features:

• Its title can show either static and dynamic data.
• Special labels show the selected date-time range.
• Shows actual series and technical indicator data with colored icons and values in a customizable format.

The element can show a lot of items, include line breaks and parse HTML formatting to achieve great visualization results!

The component supports over 40 tokens that allow defining any pattern for the appearance of date-time values and comes with predefined formatting for all of its elements.

The formatting options are numerous: multi-level scaling to display large numbers in a short notation, different styles for negative and positive values, number of decimal digits, and a lot more.