在 Kendo 中，如何使用自定义数据绑定制作工具提示？答案

【问题标题】：in Kendo, how to make a tooltip with a custom databinding?在 Kendo 中，如何使用自定义数据绑定制作工具提示？
【发布时间】：2013-10-23 19:40:44
【问题描述】：

当我的用户将鼠标悬停在折线图中的某个节点上时，我想显示一个自定义工具提示。

在此工具提示中，我需要将数据绑定到包含在系列中绑定的对象中的字符串

在下面的示例中，MyObject 类具有三个属性Date、Point 和 Point_Info

@(Html.Kendo().Chart<MyObject>()
        .Name("chart")
        .Title("")
        .DataSource(ds => 
            ds.Read(read => read.Action("_X", "Y"))
        )
        .Series(series =>
        {
            series.ScatterLine(model => model.Date, model => model.Point);
        })
        .XAxis(x=>x
            .Date()
            .Title("Date")
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
           . Format("{1} on {0} -- #=Point_Info#")  <-- this doesnt work for me
        )
      )

【问题讨论】：

标签： kendo-ui kendo-asp.net-mvc kendo-chart

【解决方案1】：

使用 .Template("#= customTip #") 代替使用格式，其中 customTip 是模型中包含自定义工具提示文本的属性之一。格式受到更多限制，仅用于数字。

【讨论】：

【解决方案2】：

谢谢迈克！

@(Html.Kendo().Chart<MyObject>()
        .Name("chart")
        .Title("")
        .DataSource(ds => 
            ds.Read(read => read.Action("_X", "Y"))
        )
        .Series(series =>
        {
            series.ScatterLine(model => model.Date, model => model.Point).Tooltip(x=>x.Template("#=dataItem.Point_Info#"));
        })
        .XAxis(x=>x
            .Date()
            .Title("Date")
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
        )
      )

【讨论】：