This is a migrated thread and some comments may be shown as answers.

Support for Multiple Pointers in Radial Gauge ?

3 Answers 195 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 2
Chris asked on 19 Oct 2012, 08:45 AM
Hi,
     I have just installed the Q3 release and started jumping for joy when I saw the gauge components. However when I started to do a quick test to see if I can dump the other control suite I have to use for radial gauges I could not see a way to add a second pointer.

Is this possible ?

Thanks

Chris

3 Answers, 1 is accepted

Sort by
0
Caesar
Top achievements
Rank 1
answered on 22 Oct 2012, 06:35 AM
You can add an identical gauge inside the first one with only the pointer visible.
0
Chris
Top achievements
Rank 2
answered on 22 Oct 2012, 09:16 AM
Hi Caesar,
      thanks for your reply. I can't find any documentation about adding child gauges or about hiding everything except the pointer, have you got an example of what you are talking about ?

Thanks

Chris
0
Chris
Top achievements
Rank 2
answered on 22 Oct 2012, 12:36 PM
Hi,
         I have now got this sorted, so I thought I would post my results to help out other who are in this situation. I basically just created two gauges and overlapped them within in container. If there is a better way I would be happy to use that instead, but for now this is working for me. I'm sure there is some redundant mark up too please feel free to correct it :).

<style>
       #gaugecontainer {
           background-image: url(/Images/Gauge_blue_200.png);
           background-position: 0, 0;
           height: 200px;
           position: relative;
           width: 200px;
       }
 
       #gaugetitle {
           position: absolute;
           top: 150px;
           left: 75px;
           font-size: smaller;
           font-weight: bold;
       }
       .gaugetest {
           left: 18px;
           position: absolute !important; /* override the inline style of the gauge */
           top: 10px;
       }
   </style>
 
<div id="gaugecontainer">
       <div id="gaugetitle">Overall</div>
       <telerik:RadRadialGauge ID="RadRadialGauge1" runat="server"
CssClass="gaugetest" Width="168px" Height="168px" >
           <Pointer Color="Fuchsia" Value="2">
               <Cap Color="black" Size="0.1" />
           </Pointer>
           <Scale Min="1" Max="5" MajorUnit="1" MinorUnit="0.2"
EndAngle="240" StartAngle="-60">
               <MinorTicks Color="Black" Width="0.4"/>
               <MajorTicks Color="Black" Width="0.7" />
               <Labels Visible="False" />
               <MajorTicks Visible="False" />
               <Ranges>
                   <telerik:GaugeRange Color="Red" From="1" To="2"/>
                   <telerik:GaugeRange Color="Orange" From="2" To="3"/>
                   <telerik:GaugeRange Color="Yellow" From="3" To="4"/>
                   <telerik:GaugeRange Color="Green" From="4" To="5"/>
               </Ranges>
           </Scale>
       </telerik:RadRadialGauge>
       <telerik:RadRadialGauge ID="RadRadialGauge2" runat="server"
CssClass="gaugetest" Width="168px" Height="168px">
           <Pointer Color="Green" Value="4">
               <Cap Color="black" Size="0.1" />
           </Pointer>
           <Scale Min="1" Max="5" MajorUnit="1" MinorUnit="0.2"
EndAngle="240" StartAngle="-60">
               <MinorTicks Color="Black" Width="6"/>
               <MajorTicks Color="Black" Width="12" />
               <Ranges>
                   <telerik:GaugeRange Color="Red" From="1" To="2"/>
                   <telerik:GaugeRange Color="Orange" From="2" To="3"/>
                   <telerik:GaugeRange Color="Yellow" From="3" To="4"/>
                   <telerik:GaugeRange Color="Green" From="4" To="5"/>
               </Ranges>
           </Scale>
       </telerik:RadRadialGauge>
   </div>

I have also attached the background image and a shot of the finished article.

Chris 
Tags
Gauge
Asked by
Chris
Top achievements
Rank 2
Answers by
Caesar
Top achievements
Rank 1
Chris
Top achievements
Rank 2
Share this question
or