/// <reference path="JsChart-vsdoc.js" />

var Charting = MindFusion.Charting;

var Controls = Charting.Controls;

var Collections = MindFusion.Common.Collections;

var Rect = MindFusion.Drawing.Rect;

var labels = [

"Jan", "Feb", "Mar", "Apr", "May", "Jun",

"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

];

document.addEventListener("DOMContentLoaded", function () {

var currentYear = new Date().getFullYear();

// create the bar chart

var chartEl = document.getElementById('barChart');

chartEl.width = chartEl.parentElement.clientWidth - 20;

chartEl.height = chartEl.parentElement.clientHeight - 10;

var barChart = new Controls.BarChart(chartEl);

barChart.xAxis.title = barChart.yAxis.title = "";

var series = new Collections.ObservableCollection([

new Charting.BarSeries(new Collections.List([1, 2, 3, 4, 5, 6, 7, 8]), labels),

new Charting.BarSeries(new Collections.List([2, 4, 6, 8, 10, 12, 14, 16]), labels),

new Charting.BarSeries(new Collections.List([2, 8, 13, 15, 13, 8, 2, 8]), labels)

]);

series.item(0).title = (currentYear - 1).toString();

series.item(0).supportedLabels = Charting.LabelKinds.XAxisLabel;

series.item(1).title = (currentYear - 2).toString();

series.item(1).supportedLabels = Charting.LabelKinds.OuterLabel;

series.item(2).title = (currentYear - 3).toString();

series.item(2).supportedLabels = Charting.LabelKinds.None;

barChart.series = series;

barChart.gridType = Charting.GridType.Horizontal;

// create the area chart

chartEl = document.getElementById('areaChart');

chartEl.width = chartEl.parentElement.clientWidth - 20;

chartEl.height = chartEl.parentElement.clientHeight - 10;

var areaChart = new Controls.AreaChart(chartEl);

areaChart.xAxis.title = areaChart.yAxis.title = "";

var series1 = new Charting.Series2D(

new Collections.List([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),

new Collections.List([5, 17, 22, 13, 12, 15, 26, 18, 28, 29, 22, 19]),

labels

);

series1.title = "Current Analytics";

areaChart.series.add(series1);

areaChart.gridType = Charting.GridType.Horizontal;

areaChart.areaOpacity = 0.4;

// create for the pie chart

chartEl = document.getElementById('pieChart');

chartEl.width = chartEl.parentElement.clientWidth - 20;

chartEl.height = chartEl.parentElement.clientHeight - 20;

var pieChart = new Controls.PieChart(chartEl);

var series2 = new Charting.PieSeries(

new Collections.List([20.00, 30.00, 10.00, 40.00]),

new Collections.List(["20", "30", "10", "40"]),

new Collections.List([

(currentYear - 1).toString(),

(currentYear - 2).toString(),

(currentYear - 3).toString(),

(currentYear - 4).toString()

])

);

pieChart.series = series2;

// create the tower chart

chartEl = document.getElementById('towerChart');

chartEl.width = chartEl.parentElement.clientWidth - 20;

chartEl.height = chartEl.parentElement.clientHeight - 20;

var towerChart = new Controls.TowerChart(chartEl);

var leftSeries = new Charting.EventSeries(

new Collections.List([

new Charting.ChartEvent(0, 1, 3),

new Charting.ChartEvent(2, 1, 2)

]));

leftSeries.values.item(0).innerLabel = "22'45\"";

leftSeries.values.item(0).outerLabel = "Fernandes"

leftSeries.values.item(1).innerLabel = "59'27\"";

leftSeries.values.item(1).outerLabel = "Sanchez";

leftSeries.title = "Spain";

towerChart.leftSeries = leftSeries;

var rightSeries = new Charting.EventSeries(new Collections.List([new Charting.ChartEvent(1, 1, 2)]));

rightSeries.values.item(0).innerLabel = "38'27\"";

rightSeries.values.item(0).outerLabel = "Chiesa";

rightSeries.title = "Italy";

towerChart.rightSeries = rightSeries;

// draw all charts - always call draw()

barChart.draw();

areaChart.draw();

pieChart.draw();

towerChart.draw();

});