Create a basic bulletgraph using BulletGraph Control

  1. WPF
  2. Silverlight
  3. WindowsPhone
  4. WinRT

WPF

 xmlns:sparrow="http://sparrowtoolkit.codeplex.com/wpf"
 
  • Create the BulletGraph in XAML
<sparrow:BulletGraph Minimum="0" Interval="500" MinorTickStep="3" PerformanceMeasure="1700" ComparativeMeasureSpacing="0.3"   ComparativeMeasure="2100"   Maximum="2500"  Height="45" VerticalAlignment="Center">
                        <sparrow:QualitativeRange Maximum="2000" Fill="#D8D8D8"/>
                        <sparrow:QualitativeRange Maximum="1400" Fill="#7F7F7F"/>
                        <sparrow:QualitativeRange Maximum="2500" Fill="#EBEBEB"/>
  </sparrow:BulletGraph> 



Silverlight

 xmlns:sparrow="http://sparrowtoolkit.codeplex.com/silverlight"
 
  • Create the BulletGraph in XAML
<sparrow:BulletGraph Minimum="0" Interval="500" MinorTickStep="3" PerformanceMeasure="1700" ComparativeMeasureSpacing="0.3"   ComparativeMeasure="2100"   Maximum="2500"  Height="45" VerticalAlignment="Center">
                        <sparrow:QualitativeRange Maximum="2000" Fill="#D8D8D8"/>
                        <sparrow:QualitativeRange Maximum="1400" Fill="#7F7F7F"/>
                        <sparrow:QualitativeRange Maximum="2500" Fill="#EBEBEB"/>
  </sparrow:BulletGraph> 


Windows Phone 7.1 and 8

  • Obtain the BulletGraph for Windows Phone from nuget =>
WP7 Sparrow.BulletGraph.WP7
WP8 Sparrow.BulletGraph.WP8
  • Import the following namespace in the XAML
For WP7
xmlns:sparrow="clr-namespace:Sparrow.BulletGraph;assembly=Sparrow.BulletGraph.WP7.45"
 

For WP8
xmlns:sparrow="clr-namespace:Sparrow.BulletGraph;assembly=Sparrow.BulletGraph.WP8.45" 
 
  • Create the BulletGraph in XAML
<sparrow:BulletGraph Minimum="0" Interval="500" MinorTickStep="3" PerformanceMeasure="1700" ComparativeMeasureSpacing="0.3"   ComparativeMeasure="2100"   Maximum="2500"  Height="45" VerticalAlignment="Center">
                        <sparrow:QualitativeRange Maximum="2000" Fill="#D8D8D8"/>
                        <sparrow:QualitativeRange Maximum="1400" Fill="#7F7F7F"/>
                        <sparrow:QualitativeRange Maximum="2500" Fill="#EBEBEB"/>
  </sparrow:BulletGraph> 


WinRT

xmlns:sparrow="using:Sparrow.BulletGraph" 
 
  • Create the BulletGraph in XAML
<sparrow:BulletGraph Minimum="0" Interval="500" MinorTickStep="3" PerformanceMeasure="1700" ComparativeMeasureSpacing="0.3"   ComparativeMeasure="2100"   Maximum="2500"  Height="45" VerticalAlignment="Center">
                        <sparrow:QualitativeRange Maximum="2000" Fill="#D8D8D8"/>
                        <sparrow:QualitativeRange Maximum="1400" Fill="#7F7F7F"/>
                        <sparrow:QualitativeRange Maximum="2500" Fill="#EBEBEB"/>
  </sparrow:BulletGraph> 

Last edited Jun 11, 2013 at 9:41 AM by vinothsparrow, version 3

Comments

No comments yet.