How it works in HTML

• Overview
• Specialization
• Engine
• JavaScript APi
• Data Sources
• Configuration
• Workflow

Overview

AnyChart Stock is a rather complex component for specific charting needs, in this document we try to give you the quick and clear answers to the basic questions that, in complex, answer the main question: How it works?

Note: most of the information in this section applies to the way AnyChart Stock is used in the HTML pages.

Specialization

In general AnyChart Stock is created to display charts with date time arguments that are based on large data sets. These types of charts are used in different areas, but AnyChart Stock provides a lot of special features that are aimed to help in showing Financial, Stock and Trading data. Nevertheless showing statistical, reporting and real-time monitoring data is very handy with our component.

• Take a look at the Feature List, if you need more information.

Engine

AnyChart Stock Component is Flash based, its engine is AnyChartStock.swf, which is embedded into the HTML page as a Flash object.

JavaScript API

AnyChart Stock Component is Flash based, but when it comes to the interaction between the charts and the web application - you have to use Java Script. AnyChart Stock comes with AnyChart Stock JavaScript Library, which provides a rich API to solve different tasks: from embedding to real-time data update.

• Jump to the JavaScript API Overview

Data Sources

AnyChart Stock accepts data points only as CSV formatted table, but this doesn't mean that you have to use CSV files, CSV formatted data can be created by some server side script or it can be passed to the component in real-time using the methods provided by AnyChart Stock JavaScript API.

Configuration

As it is said above AnyChart Stock accepts data points in CSV format, but to define how exactly the data should be displayed you can use XML or JSON formats, which can be set to the component as a file or as an XML string or as a JS Object.

• Jump to the XML/JSON Configuration Options

Workflow

AnyChart Stock can be used in various ways depending on the task, our documentation provides a lot of samples and demo applications that may give you a hint on the most desired way, but you definitely should look thorough through the workflow below to understand the most typical way of AnyChart Stock Component works:

1. AnyChart Stock Engine is added to the page using AnyChart Stock Java Script Library.
2. Chart config is set.
3. AnyChart Stock engine processes config and defines what data sources area used and whether they are contained in config files or external sources.
4. The Engine loads data sources.
5. The Engine renders chart as described in config files.

Note: Engine is a Flash object on the page, Data is always passed in CSV format, Config can be set as XML file, JSON file, XML String or JS Object.