online data visualization services
Financial Charting
Diagramics Financial Charting Service
Diagramics Financial Charting Service is our new service for financial web sites.
It has been specifically designed for clients who want to display their own data on our charts.
Integration of the Charting Service is easy, you will only need to add a couple lines of JavaScript code
and your web page will be display professional quality financial charts.
Integration of Diagramics Charts
Integration of Diagramics charts into your web page is simple.
All you need to do is to place the following JavaScript fragment on your HTML page:
<html><body>
<div id="imgChart"></div>
<script type="text/javascript" src="http://finance.diagramics.com/ChartingService/js.ashx?appID=BB41ADFF-932B-4263-B8FC-974A500E6C96"></script>
<script type="text/javascript">
var myChartData = {
symbol:"NASDAQ : MSFT",
company:"Microsoft Corporation",
quotes:
[
["07/18/2008",45.17,45.17,44.59,44.59,160642],
["07/17/2008",45.56,45.82,44.98,45.64,197483],
["07/16/2008",44.30,45.38,43.92,45.34,186004],
["07/15/2008",44.01,44.93,43.30,44.24,283840],
["07/14/2008",45.13,45.18,44.07,44.23,177320],
["07/11/2008",44.81,45.27,43.85,44.56,265428],
["07/10/2008",44.82,45.42,44.38,45.28,238742],
["07/09/2008",45.96,46.03,44.73,44.75,168500],
["07/08/2008",44.95,46.01,44.77,45.97,206151],
["07/07/2008",45.05,45.46,44.24,44.90,180971],
["07/03/2008",44.98,45.08,44.28,44.63,123118],
["07/02/2008",45.96,46.13,44.64,44.71,199576],
["07/01/2008",44.86,45.86,44.68,45.81,245433],
["06/30/2008",45.53,45.83,45.15,45.17,132912],
["06/27/2008",45.58,45.90,44.97,45.65,181316],
["06/26/2008",46.70,46.70,45.64,45.65,189935],
["06/25/2008",47.01,48.00,46.94,47.57,178788],
["06/24/2008",46.83,47.37,46.41,46.81,178277],
["06/23/2008",47.62,47.74,46.98,47.05,131488],
["06/20/2008",48.34,48.35,47.21,47.42,197351],
["06/19/2008",47.92,49.01,47.61,48.77,221304],
["06/18/2008",48.26,48.45,47.83,48.02,169298],
["06/17/2008",48.95,49.06,48.47,48.54,122932],
["06/16/2008",48.12,49.02,48.07,48.80,136300],
["06/13/2008",47.70,48.47,47.46,48.37,167839],
["06/12/2008",47.71,48.11,47.00,47.42,189913],
["06/11/2008",48.45,48.52,47.35,47.36,170250],
["06/10/2008",48.28,48.94,48.16,48.54,162706],
["06/09/2008",49.11,49.19,47.95,48.77,208865],
["06/06/2008",50.11,50.21,49.02,49.03,189059],
["06/05/2008",49.87,50.61,49.70,50.55,126624],
["06/04/2008",48.97,50.10,48.94,49.76,174870],
["06/03/2008",49.59,49.90,48.67,49.13,167606],
["06/02/2008",49.92,49.92,48.96,49.40,144336],
["05/30/2008",49.89,50.24,49.75,50.01,94019],
["05/29/2008",49.27,49.97,49.25,49.69,143904],
["05/28/2008",49.28,49.36,48.75,49.25,121363],
["05/27/2008",48.32,49.11,48.29,49.08,106945],
["05/23/2008",48.17,48.35,47.82,48.20,121698],
["05/22/2008",48.30,48.69,48.11,48.35,153160],
["05/21/2008",49.31,49.60,48.02,48.18,192778],
["05/20/2008",49.45,49.47,48.89,49.27,137150],
["05/19/2008",50.05,50.47,49.34,49.65,140048]
]};
Diagramics.Finance.ShowStockChart( "85B99BDD-0920-4d17-895B-87A57701CF16", "imgChart", myChartData );
</script>
</body></html>
In the example above the DIV tag with the id="imgChart" is a placeholder where a stock chart will appear.
The JavaScript variable "myStockData" is a chart descriptor, it specifies stock name, company name, stock data (quotes), and technical analysis indicators plotted on the chart.
Parameters of Diagramics.Finance.ShowStockChart request
parameter
1
2
3
description
GUID of the chart template
ID of the <div> tag where the chart will appear
name of the JavaScript object containing chart data
example
"5C3B3A70-E509-4187-8EAA-C7D700FA78A8"
"imgChart"
myStockData
Format of the 'Quote' object
field index
1
2
3
4
5
6
description
date of the qoute in "MM/DD/YYYY" format
open price (float)
high price (float)
low price (float)
close price (float)
volume (integer)
example
"07/18/2008"
45.17
44.59
44.59
45.17
160642
Format of the 'StockData' object
field name
symbol
company
exchange
quotes
description
stock symbol
company name (optional)
exchange symbol (optional)
array of end-of-day quotes to be shown on the chart
example
"MSFT"
"Microsoft Corporation"
"NASDAQ"
[...]