如何显示 Telerik 图表的 steparea 系列的工具提示?

Posted

技术标签:

【中文标题】如何显示 Telerik 图表的 steparea 系列的工具提示?【英文标题】:How to show tootlip for steparea series of the telerik chart? 【发布时间】:2018-06-20 06:18:13 【问题描述】:

无法获取 StepArea 系列的工具提示。它适用于 Bar 系列,但 StepAreaSeries 有问题。

代码如下。

var limitSeries = new StepAreaSeries
                
                    CategoryBinding = new GenericDataPointBinding<ChartDataItem, string>  ValueSelector = v => v.Name ,
                    CombineMode = ChartSeriesCombineMode.Stack,
                    ValueBinding = new GenericDataPointBinding<ChartDataItem, decimal?>  ValueSelector = v => v.Limit ,
                    RisersPosition = StepSeriesRisersPosition.OnTicks
                ;
                limitSeries.SetBinding(ChartSeries.ItemsSourceProperty, new Binding(nameof(ChartDataItems))  Source = this );
                limitSeries.SetValue(ChartAnimationUtilities.CartesianAnimationProperty, CartesianAnimation.Rise);
                limitSeries.TooltipTemplate = (DataTemplate)Application.Current.Resources["tttt"];                
                ChartSeriesSource.Add(limitSeries);

XAML

<controls:CartesianChart.Behaviors>
       <telerik:ChartTooltipBehavior />
</controls:CartesianChart.Behaviors>

<DataTemplate x:Key="tttt" DataType="charting:CategoricalDataPoint">

【问题讨论】:

【参考方案1】:

定义了 PointTemplate ,然后我就可以看到工具提示了。

<Style TargetType="telerik:StepAreaSeries">
                    <Setter Property="PointTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <Grid>
                                    <Rectangle Fill="Transparent" Height="10" Width="10" Margin="10,10,0,0" />
                                </Grid>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
</Style>

问题是它不能像 bareries 中那样动态获取实际高度和宽度。

【讨论】:

以上是关于如何显示 Telerik 图表的 steparea 系列的工具提示?的主要内容,如果未能解决你的问题,请参考以下文章

Kendo UI 图表 - 如何在加载数据时显示动画?

如何在 Kendo UI 图表上包装 categoryAxis 文本

Telerik RadSpreadsheet如何显示分组?

如何在剑道图表中应用纯色效果

使用 Kendo UI Asp.net mvc core 未显示图表组件

如何使用Angular2在Telerik的Nativescript UI中的Action Bar上显示sideDrawer?