Sample Description
How to use this sample?
Choose symbol, date range, precision level and press "Update Chart" button - the component will make dynamic GET-requests and loads new data to the chart.
How it works
This example demonstrates how to use dynamic data sources with AnyChart Stock component. Almost in all samples we demonstrate component behavior using static data sets, however, in real world it is important to have an ability to form data sets dynamically.
On of the ways to load new data and settings dynamically in AnyChart Stock is altering all configuration settings of the component (including data sources configuration) using Object model.
The specific feature of this sample is that the data source path is not changed - only GET-parameters of the request are different. The server script determines what data should be given to the component in terms of these parameters. You can see the script source by downloading this sample.
Data source is changed in chart.objectModel.data.dataSets[0].sourceUrl object model property, the url of PHP script is set, with "Symbol" and "Interval" parameters passed to it. Also, some visual settings (chart and series title) are changed using objectModel. After object model editing changes are applied using applyConfigChanges() method.
AnyChartStock JavaScript API
This sample uses the following methods, properties and events from AnyChartStock JavaScript API:
| Item | Type | Description |
|---|---|---|
| needConfig | Property (Boolean) | Defines whether the access to full chart configuration object model is required. |
| objectModel | Property (Object) | Gets chart configuration as an Object. |
| applyConfigChanges | Method | Commits changes made to the objectModel. |
| getSeriesById | Method | Gets series object from the object model by its id. |
| setXMLFile | Method | Sets chart XML configuration file path. |
| write | Method | Adds the chart to HTML DOM as a child of the specified container. |
Prerequisites
This section lists all configuration, data and auxiliary files required for this sample.
Configuration file
CSV files
- AAPL_d.csv
- AAPL_m.csv
- AAPL_w.csv
- ALU_d.csv
- ALU_m.csv
- ALU_w.csv
- BAC_d.csv
- BAC_m.csv
- BAC_w.csv
- BCS_d.csv
- BCS_m.csv
- BCS_w.csv
- BP_d.csv
- BP_m.csv
- BP_w.csv
- CSCO_d.csv
- CSCO_m.csv
- CSCO_w.csv
- CVX_d.csv
- CVX_m.csv
- CVX_w.csv
- C_d.csv
- C_m.csv
- C_w.csv
- DELL_d.csv
- DELL_m.csv
- DELL_w.csv
- FNSR_d.csv
- FNSR_m.csv
- FNSR_w.csv
- F_d.csv
- F_m.csv
- F_w.csv
- HBC_d.csv
- HBC_m.csv
- HBC_w.csv
- HMC_d.csv
- HMC_m.csv
- HMC_w.csv
- HPQ_d.csv
- HPQ_m.csv
- HPQ_w.csv
- IBM_d.csv
- IBM_m.csv
- IBM_w.csv
- JNPR_d.csv
- JNPR_m.csv
- JNPR_w.csv
- JPM_d.csv
- JPM_m.csv
- JPM_w.csv
- MSFT_d.csv
- MSFT_m.csv
- MSFT_w.csv
- ORCL_d.csv
- ORCL_m.csv
- ORCL_w.csv
- PALM_d.csv
- PALM_m.csv
- PALM_w.csv
- RVBD_d.csv
- RVBD_m.csv
- RVBD_w.csv
- SAP_d.csv
- SAP_m.csv
- SAP_w.csv
- SORL_d.csv
- SORL_m.csv
- SORL_w.csv
- TM_d.csv
- TM_m.csv
- TM_w.csv
- XOM_d.csv
- XOM_m.csv
- XOM_w.csv
- ^DJI_d.csv
- ^DJI_m.csv
- ^DJI_w.csv
- ^FCHI_d.csv
- ^FCHI_m.csv
- ^FCHI_w.csv
- ^FTSE_d.csv
- ^FTSE_m.csv
- ^FTSE_w.csv
- ^GDAXI_d.csv
- ^GDAXI_m.csv
- ^GDAXI_w.csv
- ^GSPC_d.csv
- ^GSPC_m.csv
- ^GSPC_w.csv
- ^HSI_d.csv
- ^HSI_m.csv
- ^HSI_w.csv
- ^IXIC_d.csv
- ^IXIC_m.csv
- ^IXIC_w.csv
- ^N225_d.csv
- ^N225_m.csv
- ^N225_w.csv
SWF files
- AnyChartStock.swf - AnyChart Stock component.
- Preloader.swf - AnyChart Stock helper component that loads the main component (AnyChartStock.swf) and displays loading progress.
JavaScript Libraries
- jquery.min.js - A JavaScript jQuery library. Learn more at jQuery official site.
- AnyChartStock.js - A JavaScript library that is shipped with AnyChart Stock component. It is used to embed the component into HTML DOM and to comunicate with the Flash part.
Additional Files