next generation web applications

HOME

COMPANY

TECHNOLOGY

Partners and Customers

Introduction to Diagramics Web Development Platform

What is Diagramics Web Development Platform?

Diagramics Widget Development Framework

Financial Charting Solutions

Facebook Applications

Google Gadgets

Clients & Client Case Example

Financial Charting Service



	Products



	Financial Charting


	Clients and Client Case Example


	Charting Service



	Facebook Applications


	StockCharts



	Google Gadgets


	StockCharts

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 src="http://finance.diagramics.com/ChartingService/js.ashx?appID=BB41ADFF-932B-4263-B8FC-974A500E6C96"></script>

<script>
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"
[...]

Next generation web applications and online services.