RadRadialGauge elemnet中的数字指示符

时间:2017-10-05 15:25:14

标签: nativescript angular2-nativescript

如何在RadRadialGauge中放置一个数字指示器?

  <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>

我该如何解决?

1 个答案:

答案 0 :(得分:0)

已解决:我使用title来插入值

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