/*
|
This file is part of Ext JS 4.2
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
Contact: http://www.sencha.com/contact
|
|
GNU General Public License Usage
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
packaging of this file.
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
at http://www.sencha.com/contact.
|
|
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
|
*/
|
/**
|
* @private
|
*/
|
Ext.define('Ext.chart.axis.Radial', {
|
|
/* Begin Definitions */
|
|
extend: 'Ext.chart.axis.Numeric',
|
|
/* End Definitions */
|
|
position: 'radial',
|
|
alias: 'axis.radial',
|
|
/**
|
* @cfg {Number} maximum
|
* The maximum value drawn by the axis. If not set explicitly, the axis
|
* maximum will be calculated automatically.
|
*/
|
|
/**
|
* @cfg {Number} [steps=10]
|
* The number of circles to draw outward from the center.
|
*/
|
|
drawAxis: function(init) {
|
var chart = this.chart,
|
surface = chart.surface,
|
bbox = chart.chartBBox,
|
store = chart.getChartStore(),
|
l = store.getCount(),
|
centerX = bbox.x + (bbox.width / 2),
|
centerY = bbox.y + (bbox.height / 2),
|
rho = Math.min(bbox.width, bbox.height) /2,
|
sprites = [], sprite,
|
steps = this.steps,
|
i, j, pi2 = Math.PI * 2,
|
cos = Math.cos, sin = Math.sin;
|
|
if (this.sprites && !chart.resizing) {
|
this.drawLabel();
|
return;
|
}
|
|
if (!this.sprites) {
|
//draw circles
|
for (i = 1; i <= steps; i++) {
|
sprite = surface.add({
|
type: 'circle',
|
x: centerX,
|
y: centerY,
|
radius: Math.max(rho * i / steps, 0),
|
stroke: '#ccc'
|
});
|
sprite.setAttributes({
|
hidden: false
|
}, true);
|
sprites.push(sprite);
|
}
|
//draw lines
|
for (i = 0; i < l; i++) {
|
sprite = surface.add({
|
type: 'path',
|
path: ['M', centerX, centerY, 'L', centerX + rho * cos(i / l * pi2), centerY + rho * sin(i / l * pi2), 'Z'],
|
stroke: '#ccc'
|
});
|
sprite.setAttributes({
|
hidden: false
|
}, true);
|
sprites.push(sprite);
|
}
|
} else {
|
sprites = this.sprites;
|
//draw circles
|
for (i = 0; i < steps; i++) {
|
sprites[i].setAttributes({
|
x: centerX,
|
y: centerY,
|
radius: Math.max(rho * (i + 1) / steps, 0),
|
stroke: '#ccc'
|
}, true);
|
}
|
//draw lines
|
for (j = 0; j < l; j++) {
|
sprites[i + j].setAttributes({
|
path: ['M', centerX, centerY, 'L', centerX + rho * cos(j / l * pi2), centerY + rho * sin(j / l * pi2), 'Z'],
|
stroke: '#ccc'
|
}, true);
|
}
|
}
|
this.sprites = sprites;
|
|
this.drawLabel();
|
},
|
|
drawLabel: function() {
|
var chart = this.chart,
|
seriesItems = chart.series.items,
|
series,
|
surface = chart.surface,
|
bbox = chart.chartBBox,
|
store = chart.getChartStore(),
|
data = store.data.items,
|
ln, record,
|
centerX = bbox.x + (bbox.width / 2),
|
centerY = bbox.y + (bbox.height / 2),
|
rho = Math.min(bbox.width, bbox.height) /2,
|
max = Math.max, round = Math.round,
|
labelArray = [], label,
|
fields = [], nfields,
|
categories = [], xField,
|
aggregate = !this.maximum,
|
maxValue = this.maximum || 0,
|
steps = this.steps, i = 0, j, dx, dy,
|
pi2 = Math.PI * 2,
|
cos = Math.cos, sin = Math.sin,
|
display = this.label.display,
|
draw = display !== 'none',
|
margin = 10;
|
|
if (!draw) {
|
return;
|
}
|
|
//get all rendered fields
|
for (i = 0, ln = seriesItems.length; i < ln; i++) {
|
series = seriesItems[i];
|
fields.push(series.yField);
|
xField = series.xField;
|
}
|
|
//get maxValue to interpolate
|
for (j = 0, ln = data.length; j < ln; j++) {
|
record = data[j];
|
categories.push(record.get(xField));
|
|
if (aggregate) {
|
for (i = 0, nfields = fields.length; i < nfields; i++) {
|
maxValue = max(+record.get(fields[i]), maxValue);
|
}
|
}
|
}
|
if (!this.labelArray) {
|
if (display != 'categories') {
|
//draw scale
|
for (i = 1; i <= steps; i++) {
|
label = surface.add({
|
type: 'text',
|
text: round(i / steps * maxValue),
|
x: centerX,
|
y: centerY - rho * i / steps,
|
'text-anchor': 'middle',
|
'stroke-width': 0.1,
|
stroke: '#333'
|
});
|
label.setAttributes({
|
hidden: false
|
}, true);
|
labelArray.push(label);
|
}
|
}
|
if (display != 'scale') {
|
//draw text
|
for (j = 0, steps = categories.length; j < steps; j++) {
|
dx = cos(j / steps * pi2) * (rho + margin);
|
dy = sin(j / steps * pi2) * (rho + margin);
|
label = surface.add({
|
type: 'text',
|
text: categories[j],
|
x: centerX + dx,
|
y: centerY + dy,
|
'text-anchor': dx * dx <= 0.001? 'middle' : (dx < 0? 'end' : 'start')
|
});
|
label.setAttributes({
|
hidden: false
|
}, true);
|
labelArray.push(label);
|
}
|
}
|
}
|
else {
|
labelArray = this.labelArray;
|
if (display != 'categories') {
|
//draw values
|
for (i = 0; i < steps; i++) {
|
labelArray[i].setAttributes({
|
text: round((i + 1) / steps * maxValue),
|
x: centerX,
|
y: centerY - rho * (i + 1) / steps,
|
'text-anchor': 'middle',
|
'stroke-width': 0.1,
|
stroke: '#333'
|
}, true);
|
}
|
}
|
if (display != 'scale') {
|
//draw text
|
for (j = 0, steps = categories.length; j < steps; j++) {
|
dx = cos(j / steps * pi2) * (rho + margin);
|
dy = sin(j / steps * pi2) * (rho + margin);
|
if (labelArray[i + j]) {
|
labelArray[i + j].setAttributes({
|
type: 'text',
|
text: categories[j],
|
x: centerX + dx,
|
y: centerY + dy,
|
'text-anchor': dx * dx <= 0.001? 'middle' : (dx < 0? 'end' : 'start')
|
}, true);
|
}
|
}
|
}
|
}
|
this.labelArray = labelArray;
|
},
|
|
getRange: function () {
|
var range = this.callParent();
|
range.min = 0; // Radial charts currently assume that the origin is always 0.
|
return range;
|
},
|
|
processView: function() {
|
var me = this,
|
seriesItems = me.chart.series.items,
|
i, ln, series, ends, fields = [];
|
|
for (i = 0, ln = seriesItems.length; i < ln; i++) {
|
series = seriesItems[i];
|
fields.push(series.yField);
|
}
|
me.fields = fields;
|
|
ends = me.calcEnds();
|
me.maximum = ends.to;
|
me.steps = ends.steps;
|
}
|
});
|
