jquery - 如何在 Kendo Chart 中制作自定义工具提示？

Question

我正在将 Kendos StockChart 与 Razor/MVC 结合使用。

当我的用户将鼠标悬停在系列中的某个项目上时，我需要一个友好的字符串包含数据绑定(bind)数据，而不仅仅是值或类别。

class Node
{
    public int Value {get; set;}
    public DateTime Date { get; set;}
    public string InterestingInfo { get; set;}
}

@(Html.Kendo().StockChart<Node>()
        .Name("chart") 
        .DataSource(ds => ds.Read(read => read.Action("_X", "Controller")))
        .DateField("Date")
        .Series(series => {
            series.Line(model => model.Value);
        })
        .Navigator(nav => nav
            .DataSource(ds => ds .Read(read => read.Action("_X", "Controller")))
            .Series(series =>
            {
                series.Area(s => s.Value);
            })
        )       
        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Shared(false)
            .Template("#=InterestingInfo#")
        )
      )
)

无论我在模板中使用什么，我似乎都无法在工具提示中得到除“未定义”之外的任何内容

我已经尝试过，但老实说，我不确定我在做什么，谁处理这些(是 jquery、kendo 等)

 #=data.InterestingInfo#
 #=dataItem.InterestingInfo#

Answer 1

作为一般的 Kendo UI 提示，如果您似乎无法打印模板中的值，您可以制作模板:

"#console.log(data)#"

然后检查开发工具中的控制台。您应该能够弄清楚以这种方式传递给模板的内容。