如何显示 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 图表上包装 categoryAxis 文本
使用 Kendo UI Asp.net mvc core 未显示图表组件
如何使用Angular2在Telerik的Nativescript UI中的Action Bar上显示sideDrawer?