61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
/** Radar **/
|
|
Flotr.addType('radar', {
|
|
options: {
|
|
show: false, // => setting to true will show radar chart, false will hide
|
|
lineWidth: 2, // => line width in pixels
|
|
fill: true, // => true to fill the area from the line to the x axis, false for (transparent) no fill
|
|
fillOpacity: 0.4, // => opacity of the fill color, set to 1 for a solid fill, 0 hides the fill
|
|
radiusRatio: 0.90 // => ratio of the radar, against the plot size
|
|
},
|
|
draw : function (options) {
|
|
var
|
|
context = options.context,
|
|
shadowSize = options.shadowSize;
|
|
|
|
context.save();
|
|
context.translate(options.width / 2, options.height / 2);
|
|
context.lineWidth = options.lineWidth;
|
|
|
|
// Shadow
|
|
context.fillStyle = 'rgba(0,0,0,0.05)';
|
|
context.strokeStyle = 'rgba(0,0,0,0.05)';
|
|
this.plot(options, shadowSize / 2);
|
|
context.strokeStyle = 'rgba(0,0,0,0.1)';
|
|
this.plot(options, shadowSize / 4);
|
|
|
|
// Chart
|
|
context.strokeStyle = options.color;
|
|
context.fillStyle = options.fillStyle;
|
|
this.plot(options);
|
|
|
|
context.restore();
|
|
},
|
|
plot : function (options, offset) {
|
|
var
|
|
data = options.data,
|
|
context = options.context,
|
|
radius = Math.min(options.height, options.width) * options.radiusRatio / 2,
|
|
step = 2 * Math.PI / data.length,
|
|
angle = -Math.PI / 2,
|
|
i, ratio;
|
|
|
|
offset = offset || 0;
|
|
|
|
context.beginPath();
|
|
for (i = 0; i < data.length; ++i) {
|
|
ratio = data[i][1] / this.max;
|
|
|
|
context[i === 0 ? 'moveTo' : 'lineTo'](
|
|
Math.cos(i * step + angle) * radius * ratio + offset,
|
|
Math.sin(i * step + angle) * radius * ratio + offset
|
|
);
|
|
}
|
|
context.closePath();
|
|
if (options.fill) context.fill();
|
|
context.stroke();
|
|
},
|
|
extendYRange : function (axis, data) {
|
|
this.max = Math.max(axis.max, this.max || -Number.MAX_VALUE);
|
|
}
|
|
});
|