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

Question

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

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

在下面的示例中，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
        )
      )

Answer 1

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

Answer 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)
        )
      )