如何更改 Telerik RadTimeBar 标签位置？

Question

我的 XAML 中有一个 Telerik RadTimeBar，我可以轻松自定义我想要的任何内容，除了间隔标签放置。在 Telerik 演示中，间隔以某种方式绘制在实际时间条内，而不是在此之上。这是一个演示它的快照。我需要按照此处显示周的方式定位日间隔：

无论我做什么，我都会不断地在屏幕上呈现这个：

这是我的 XAML：

<telerik:RadTimeBar Grid.Row="2" x:Name="multiDayTimeBar"
                                PeriodStart="{Binding TimeBarRangeStart}" 
                                PeriodEnd="{Binding TimeBarRangeEnd}"
                                SelectionChanged="multiDayTimeBar_SelectionChanged"                                    
                                SelectionStart="{Binding TimeBarSelectedStart, Mode=TwoWay}" 
                                SelectionEnd="{Binding TimeBarSelectedEnd, Mode=TwoWay}"                                                                     
                                ScrollMode="None"                                                                        
                                HorizontalAlignment="Stretch">


                <telerik:RadTimeBar.Intervals>                        
                    <telerik:DayInterval />
                    <telerik:HourInterval/>                        
                </telerik:RadTimeBar.Intervals>

                <telerik:RadLinearSparkline Margin="0,3" 
                                            LineStroke="#FF767676"                                                 
                                            ItemsSource="{Binding TimeBarSource}"
                                            XValuePath="Timestamp" 
                                            YValuePath="DemandValue" />

            </telerik:RadTimeBar>

翻阅 API 文档并没有帮助。 Telerik 的演示代码也没有暗示什么。如果有人有类似的问题，任何建议将不胜感激。

谢谢。

Answer 1

我的计算机上安装了 WPF UI 演示。在查看了 TimeBar 示例后，他们给出了以下代码：

<telerik:RadTimeBar Name="timeBar1" Height="150"
                            PeriodStart="{Binding PeriodStart, Mode=TwoWay}" 
                            PeriodEnd="{Binding PeriodEnd, Mode=TwoWay}"
                            VisiblePeriodStart="{Binding VisiblePeriodStart, Mode=TwoWay}" 
                            VisiblePeriodEnd="{Binding VisiblePeriodEnd, Mode=TwoWay}"
                            SelectionStart="{Binding SelectedStartDate, Mode=TwoWay}"
                            SelectionEnd="{Binding SelectedEndDate, Mode=TwoWay}"
                            MinSelectionRange="{Binding MinSelectionRange, Mode=TwoWay}"
                            IsSnapToIntervalEnabled="True">
            <telerik:RadTimeBar.Intervals>
                <telerik:QuarterInterval />
                <telerik:MonthInterval />
                <telerik:WeekInterval />
                <telerik:DayInterval />
                <telerik:HourInterval/>
            </telerik:RadTimeBar.Intervals>
            <telerik:RadLinearSparkline LineStroke="#FF767676" ItemsSource="{Binding ServerInfos}" XValuePath="Date" YValuePath="UniqueVisitors" />
        </telerik:RadTimeBar>

他们说这会产生这个时间条：

不确定这是否对您有帮助，但我能看到的唯一不同之处是他们设置了IsSnapToIntervalEnabled="True"、VisiblePeriodStart 和VisiblePeriodEnd。认为这些可能需要设置？