[483] | 1 | define(["dojo/_base/declare", "dojox/gfx", "./ScaleIndicatorBase", "dojo/_base/event"], function(declare, gfx, ScaleIndicatorBase, eventUtil){ |
---|
| 2 | return declare("dojox.dgauges.CircularValueIndicator", ScaleIndicatorBase, { |
---|
| 3 | // summary: |
---|
| 4 | // The circular value indicator, typically used for creating needles. |
---|
| 5 | |
---|
| 6 | indicatorShapeFunc: function(group, indicator){ |
---|
| 7 | // summary: |
---|
| 8 | // Draws the indicator. The rotation center is at (0, 0). |
---|
| 9 | // group: dojox/gfx/Group |
---|
| 10 | // A GFX group for drawing. |
---|
| 11 | // indicator: dojox/dgauges/IndicatorBase |
---|
| 12 | // A reference to this indicator. |
---|
| 13 | // returns: dojox/gfx/shape.Shape |
---|
| 14 | // A GFX shape retrievable using the getIndicatorRenderer method of the associated scale. |
---|
| 15 | return group.createLine({ |
---|
| 16 | x1: 0, |
---|
| 17 | y1: 0, |
---|
| 18 | x2: 40, |
---|
| 19 | y2: 0 |
---|
| 20 | }).setStroke({ |
---|
| 21 | color: "black", |
---|
| 22 | width: 1 |
---|
| 23 | }); |
---|
| 24 | }, |
---|
| 25 | |
---|
| 26 | refreshRendering: function(){ |
---|
| 27 | this.inherited(arguments); |
---|
| 28 | var v = isNaN(this._transitionValue) ? this.value : this._transitionValue; |
---|
| 29 | var angle = this.scale.positionForValue(v); |
---|
| 30 | |
---|
| 31 | this._gfxGroup.setTransform([{ |
---|
| 32 | dx: this.scale.originX, |
---|
| 33 | dy: this.scale.originY |
---|
| 34 | }, gfx.matrix.rotateg(angle)]); |
---|
| 35 | }, |
---|
| 36 | |
---|
| 37 | _onMouseDown: function(event){ |
---|
| 38 | // summary: |
---|
| 39 | // Internal method. |
---|
| 40 | // tags: |
---|
| 41 | // private |
---|
| 42 | this.inherited(arguments); |
---|
| 43 | var origin = this.scale._gauge._gaugeToPage(this.scale.originX, this.scale.originY); |
---|
| 44 | var angle = ((Math.atan2(event.pageY - origin.y, event.pageX - origin.x)) * 180) / (Math.PI); |
---|
| 45 | this.set("value", this.scale.valueForPosition(angle)); |
---|
| 46 | |
---|
| 47 | // prevent the browser from selecting text |
---|
| 48 | eventUtil.stop(event); |
---|
| 49 | }, |
---|
| 50 | |
---|
| 51 | _onMouseMove: function(event){ |
---|
| 52 | // summary: |
---|
| 53 | // Internal method. |
---|
| 54 | // tags: |
---|
| 55 | // private |
---|
| 56 | this.inherited(arguments); |
---|
| 57 | var origin = this.scale._gauge._gaugeToPage(this.scale.originX, this.scale.originY); |
---|
| 58 | var angle = ((Math.atan2(event.pageY - origin.y, event.pageX - origin.x)) * 180) / (Math.PI); |
---|
| 59 | this.set("value", this.scale.valueForPosition(angle)); |
---|
| 60 | } |
---|
| 61 | }); |
---|
| 62 | }); |
---|