Thanks @ClayHelberg, I have realised your suggestion with most of the parts for everyone interested.
So, here is the code. You find annotations that explain what to do.
I hope, you can work with it.
// You need one 3D-Label (Here by the name "LabelIndicator" and two svs. I have rebuild the 3D-Gauge with the white dial and indicator seperated in two svgs ("3DGauge-1" and "Indicator").
// Both svg mus have the same position, and orientation without billbording. The index must sit in front of the gauge, of course.
// And finally you need an aplication parameter, in this case the name is 'value'
$scope.$watch("app.params['value']", function() {
var IndicatorStartPosition = 135; //The most left position. Here: 135 degree from upwards to the left.
var min = 0; //Fill in your desired minimum value, that may be reached
var max = 250; // same for the max value
var rotation = $scope.app.params['value'] //instead of "value", fill in the name of the parameter you want to bind to the indicator
var translated = parseInt(rotation, 10);
if (translated >= min && translated <=max){ //checks, if value is within the allowed borders
translated = IndicatorStartPosition-translated;
$scope.view.wdg['LabelIndicator']['text'] = rotation ;
$scope.view.wdg['Indicator']['visible']=true;
$scope.view.wdg['Indicator']['rz'] = translated;
}
else
{
$scope.view.wdg['LabelIndicator']['text'] = "invalid value : "+ rotation ; // if value is out of the borders, the indicator will be hidden and an error text appears
$scope.view.wdg['Indicator']['visible']=false;
}
} );
Greetings
whity