1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
//>>built
define("dojox/gauges/AnalogArrowIndicator", ["dojo/_base/declare","./AnalogIndicatorBase"],
function(declare, AnalogIndicatorBase) {
/*=====
AnalogIndicatorBase = dojox.gauges.AnalogIndicatorBase;
=====*/
return declare("dojox.gauges.AnalogArrowIndicator", [AnalogIndicatorBase],{
// summary:
// An indicator for the AnalogGauge that draws an arrow. The arrow is drawn on the angle that corresponds
// to the value of the indicator.
_getShapes: function(group){
// summary:
// Override of dojox.gauges.AnalogLineIndicator._getShapes
if(!this._gauge){
return null;
}
var color = this.color ? this.color : 'black';
var strokeColor = this.strokeColor ? this.strokeColor : color;
var stroke = { color: strokeColor, width: 1};
if (this.color.type && !this.strokeColor){
stroke.color = this.color.colors[0].color;
}
var x = Math.floor(this.width/2);
var head = this.width * 5;
var odd = (this.width & 1);
var shapes = [];
var points = [{x:-x, y:0},
{x:-x, y:-this.length+head},
{x:-2*x, y:-this.length+head},
{x:0, y:-this.length},
{x:2*x+odd,y:-this.length+head},
{x:x+odd, y:-this.length+head},
{x:x+odd, y:0},
{x:-x, y:0}];
shapes[0] = group.createPolyline(points)
.setStroke(stroke)
.setFill(color);
shapes[1] = group.createLine({ x1:-x, y1: 0, x2: -x, y2:-this.length+head })
.setStroke({color: this.highlight});
shapes[2] = group.createLine({ x1:-x-3, y1: -this.length+head, x2: 0, y2:-this.length })
.setStroke({color: this.highlight});
shapes[3] = group.createCircle({cx: 0, cy: 0, r: this.width})
.setStroke(stroke)
.setFill(color);
return shapes;
}
});
});
|
