Xamarin的Telerik UI?下载30天免费试用

ChartToolTipBehavior

概述

ChartTooltipBehavior负责在一个小弹出框中呈现有关数据点的简明信息,该弹出框显示在相关数据点附近。

随着R2 2018 SP版本的发布,RadChart的behavior属性被替换为ChartBehaviors.“行为”属性被标记为“过时”,因此请使用ChartBehaviors代替。

特性

  • TriggerMode:确定ChartToolTipBehavior应该显示工具提示的手势。取值包括:
    • 利用
    • 持有

例子

下面是一个图表工具提示行为如何工作的例子:

首先,创建所需的业务对象,例如:

公共类CategoricalData{公共对象类别{get;设置;} public double Value {get;设置;}}

然后创建一个ViewModel:

公共类ViewModel {public ObservableCollection Data {get;设置;}公共ViewModel(){这个。数据= GetCategoricalData();}私有静态ObservableCollection < CategoricalData > GetCategoricalData () {var数据= new ObservableCollection < CategoricalData >{新CategoricalData{类别=“绿化”,价值= 52},新CategoricalData{类别=“美味极了”,价值= 60},新CategoricalData{类别=“附近”,价值= 77},新CategoricalData{类别=“家庭”,价值= 50},新CategoricalData{类别=“新鲜”,价值= 56},};返回数据;}}

最后,使用下面的代码片段在XAML和c#中声明一个RadCartesianChart:

< telerikChart: RadCartesianChart > < telerikChart: RadCartesianChart。BindingContext>   < telerikChart: RadCartesianChart。HorizontalAxis>   < telerikChart: RadCartesianChart。VerticalAxis>   < telerikChart: RadCartesianChart。Series>   < telerikChart: RadCartesianChart。ChartBehaviors>   
var chart = new RadCartesianChart {BindingContext = new ViewModel(), HorizontalAxis = new CategoricalAxis() {LabelFitMode = AxisLabelFitMode。MultiLine, PlotMode = AxisPlotMode。OnTicks}, VerticalAxis = new NumericalAxis(), Series = {new LineSeries {ValueBinding = new PropertyNameDataPointBinding("Value"), CategoryBinding = new PropertyNameDataPointBinding("Category"), DisplayName = "Sales 1"},}, ChartBehaviors = {new ChartTooltipBehavior {TriggerMode = ToolTipTriggerMode。点击}}};chart.Series [0] .SetBinding (ChartSeries。ItemsSourceProperty,“数据”);

在哪里telerikChart命名空间如下:

xmlns: telerikChart = " clr-namespace: Telerik.XamarinForms.Chart;装配= Telerik.XamarinForms.Chart”
使用Telerik.XamarinForms.Chart;

下面是工具提示的样子:

图表工具提示行为

的Chart/Interactivity文件夹中可以找到工具提示示例SDK示例浏览器应用程序

另请参阅

在本文中
Baidu
map