Historical Candlestick Stock Chart

Example

Description

This multi-panel visualization uses amCharts’ JavaScript Stock Chart to show historical open, high, low and close stock data for a company as a Candlestick graph. On a second panel trading volume is shown. The chart uses Data Loader plugin to load its data directly from CloudQuote in CSV format. For good measure, demo also loads a second data set, to compare the stock price to another index. amCharts’ Data Loader is compatible with the CloudQuote CSV format out of the box. We just need to specify a few CSV parameter and a URL to make the chart automatically load the data for each data set:

"dataSets": [ {
 "title": "Microsoft (MSFT)",
 // ...
 "dataLoader": {
 "url":
"https://api.cloudquote.net/fcon/getStockPriceHistory.csv?symbol=MSFT&from=2010-01-01"
,
 "format": "csv",
 "showCurtain": true,
 "showErrors": true,
 "async": true,
 "delimiter": ",",
 "useColumnNames": true,
 "numberFields": [ "Date" ]
 },
}, {
 "title": "Apple (AAPL)",
 // ...
 "dataLoader": {
 "url":
"https://api.cloudquote.net/fcon/getStockPriceHistory.csv?symbol=AAPL&from=2010-01-01",
 "format": "csv",
 "showCurtain": true,
 "showErrors": true,
 "async": true,
 "delimiter": ",",
 "useColumnNames": true,
 "numberFields": [ "Date" ]
 },
} ],