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

Comparative Measure with label

1 Answer 125 Views
BulletGraph
This is a migrated thread and some comments may be shown as answers.
David Ribb
Top achievements
Rank 1
David Ribb asked on 21 Mar 2012, 01:28 PM

I would like to add some static text to the Comparative Measure element.  I have re-templated the bullet graph, but my attempts to add the text does not seem to work.  I would like the text to float at the top right of the line.  Is this possible?

Here is my style template:

<Style x:Key="RadHorizontalBulletGraphStyle" TargetType="telerik:RadHorizontalBulletGraph">
    <Setter Property="ComparativeMeasureThickness" Value="1"/>
    <Setter Property="FontSize" Value="10"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="telerik:RadHorizontalBulletGraph">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="5*"/>
                        <RowDefinition Height="5*"/>
                    </Grid.RowDefinitions>
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="White" Grid.Row="0">
                        <Grid>
                            <Grid>
                                <Grid.Resources>
                                    <Style TargetType="telerik:BarItem">
                                        <Setter Property="LengthPercent" Value="1" />
                                    </Style>
                                </Grid.Resources>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="5*" />
                                    <RowDefinition Height="5*" />
                                </Grid.RowDefinitions>
                                <telerik:FeaturedMeasurePresenter Grid.Row="0" Content="{TemplateBinding FeaturedMeasureInternal}" Margin="0,5" />
                                <telerik:FeaturedMeasurePresenter Grid.Row="1" Content="{TemplateBinding ProjectedMeasureInternal}" Margin="0,5"  />
                            </Grid>
                            <StackPanel HorizontalAlignment="Stretch">
                                <telerik:ComparativeMeasuresContainer ChildrenSource="{TemplateBinding MergedComparativeMeasures}" Range="{TemplateBinding Range}" Margin="-15" />
                            </StackPanel>
                        </Grid>
                    </Border>
                    <telerik:QuantitativeScaleContainer Grid.Row="1" TextFormatString="{TemplateBinding TextFormatString}" Visibility="{TemplateBinding QuantitativeScaleVisibility}" Opacity="0.5" RenderTransformOrigin="0.5,0.5" Range="{TemplateBinding Range}"  >
                        <telerik:QuantitativeScaleContainer.RenderTransform>
                            <TranslateTransform Y="5"/>
                        </telerik:QuantitativeScaleContainer.RenderTransform>
                    </telerik:QuantitativeScaleContainer>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
<SolidColorBrush x:Key="ActualBrush" Color="Green" />
<SolidColorBrush x:Key="TargetBrush" Color="Red" />

And here is my control definition:

<telerik:RadHorizontalBulletGraph TextFormatString="${0}"
                                  ProjectedValue="150"
                                  FeaturedMeasure="200"
                                  ComparativeMeasure="175"
                                  Height="100"
                                  Style="{StaticResource RadHorizontalBulletGraphStyle}"
                                  FeaturedMeasureBrush="{StaticResource ActualBrush}"
                                  ProjectedValueBrush="{StaticResource TargetBrush}"
                                  Step="200" />

1 Answer, 1 is accepted

Sort by
0
Yavor
Telerik team
answered on 26 Mar 2012, 12:09 PM
Hi David,

We have designed the bullet graph to follow Stephen Few design specification and unfortunately adding text labels next to the comparative measures is not supported.

Comparative measures are represented visually by a RectangleItem object. This object is positioned and measured in code behind. Adding a text label will make the item too large for the space that the bulletgraph has reserved for the comparative measure.

Kind regards,
Yavor
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Tags
BulletGraph
Asked by
David Ribb
Top achievements
Rank 1
Answers by
Yavor
Telerik team
Share this question
or