Type.registerNamespace("Sys.Extended.UI");
Sys.Extended.UI.PieChart = function(element) {
Sys.Extended.UI.PieChart.initializeBase(this, [element]);
var id = this.get_id();
id = id.replace("_ctl00", "");
this._parentDiv = document.getElementById(id + "__ParentDiv");
this._chartWidth = '300';
this._chartHeight = '300';
this._chartTitle = '';
this._pieChartClientValues = null;
this._theme = 'PieChart';
this._chartTitleColor = '';
this.charLength = 3.5;
}
Sys.Extended.UI.PieChart.prototype = {
initialize: function() {
Sys.Extended.UI.PieChart.callBaseMethod(this, "initialize");
if(!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1"))
throw 'Current version of browser does not support SVG.';
this.generatePieChart();
},
dispose: function() {
Sys.Extended.UI.PieChart.callBaseMethod(this, "dispose");
},
generatePieChart: function() {
var radius = parseInt(this._chartWidth) > parseInt(this._chartHeight) ? (parseInt(this._chartHeight) - 10) / 3 : (parseInt(this._chartWidth) - 10) / 3,
startX = parseInt(this._chartWidth) / 2,
startY = parseInt(this._chartHeight) / 2.25;
// initialize SVG
var svgContents = String.format('', this._theme);
svgContents = String.format('', '') + String.format('', lastEndX, lastEndY, radius, arc, startX + endX, startY + (-1 * endY), startX, startY, index + 1, me._pieChartClientValues[index].PieChartValueColor, me._pieChartClientValues[index].PieChartValueStrokeColor) + String.format('{2}', textX, textY, me._pieChartClientValues[index].Data) + '';
lastEndX = startX + endX;
lastEndY = startY + (-1 * endY);
index++;
if(index < me._pieChartClientValues.length) // if the counter < series length, call the loop function
setTimeout(function() {
me.drawSegments(me, index, categoryValue, totalValue, radius, angle, radAngle, textRadAngle, startX, endX, startY, endY, textX, textY, lastEndX, lastEndY, arc);
}, 400);
},
get_chartWidth: function() {
return this._chartWidth;
},
set_chartWidth: function(value) {
this._chartWidth = value;
},
get_chartHeight: function() {
return this._chartHeight;
},
set_chartHeight: function(value) {
this._chartHeight = value;
},
get_chartTitle: function() {
return this._chartTitle;
},
set_chartTitle: function(value) {
this._chartTitle = value;
},
get_PieChartClientValues: function() {
return this._pieChartClientValues;
},
set_PieChartClientValues: function(value) {
this._pieChartClientValues = value;
},
get_theme: function() {
return this._theme;
},
set_theme: function(value) {
this._theme = value;
},
get_chartTitleColor: function() {
return this._chartTitleColor;
},
set_chartTitleColor: function(value) {
this._chartTitleColor = value;
}
};
Sys.Extended.UI.PieChart.registerClass("Sys.Extended.UI.PieChart", Sys.Extended.UI.ControlBase);