2017-10-05 1 views
-2

Wie kann ich einen numerischen Indikator in ein RadRadialGauge einfügen?Numerischer Indikator in einem RadRadialGauge-Element

<RadRadialGauge title="Exp" height="150" width="150"> 
    <TitleStyle tkRadialGaugeTitleStyle textColor="gray" textSize="12" verticalOffset="90"></TitleStyle> 
    <RadialScale tkRadialGaugeScales startAngle="270" sweepAngle="360" minimum="0" maximum="100"> 

     <ScaleStyle tkRadialScaleStyle ticksVisible="false" labelsVisible="false" lineThickness="0"></ScaleStyle> 

     <RadialBarIndicator tkRadialScaleIndicators minimum="0" maximum="100" location="0.75"> 
      <BarIndicatorStyle tkRadialBarIndicatorStyle fillColor="rgba(192,192,192,0.8)" barWidth="0.1"></BarIndicatorStyle> 
     </RadialBarIndicator> 

     <RadialBarIndicator tkRadialScaleIndicators minimum="0" maximum="30" location="0.75" isAnimated="true"> 
      <BarIndicatorStyle tkRadialBarIndicatorStyle cap="Round" fillColor="rgba(67,183,120,0.9)" barWidth="0.1"></BarIndicatorStyle> 
     </RadialBarIndicator> 




    </RadialScale> 

wie kann ich es lösen?

+0

Betrachten Sie zum Einfügen Hinzufügen einer Beschreibung mit dem, was Sie versuchen zu erreichen, was Sie bisher versucht, und was das Endergebnis aussehen soll. – pkanev

+0

Ich möchte eine radiale Anzeige mit innen (in der Mitte des vom Element gebildeten Kreises) eine Zahl, die einen Wert wiedergibt, der durch das radiale Maßelement angezeigt wird. Also meine Frage ist: Kann ich den Code ändern, den ich posten oder gibt es einen anderen Weg, es zu tun? ich bin neu mit nativescript und ich weiß nicht, wie es geht! –

Antwort

0

Entschlossen: i Titel verwenden, um den Wert

<RadRadialGauge title ="{{value}}%"height="150" width="150" >
<TitleStyle tkRadialGaugeTitleStyle textColor="gray" textSize="30" textAlignment="center" verticalOffset="0" horizontalOffset="0"></TitleStyle>