kendo-ui - 在剑道图表工具提示未正确显示

Question

我正在研究剑道控件。我的应用程序中有剑道股票图表。我正在为图表提供工具提示功能。但它没有显示值，它将值显示为“未定义”。使用允许我们的事件时自定义条形\折线图的工具提示。传递给事件的数据项作为 Undefined 返回。那么，是否有我可以设置的属性允许自定义工具提示，即使它们在一个小区域中有很多点。示例：模板：“#= dataItem.employeeName #”。我的图表代码有什么问题？

Answer 1

例如，在您的代码中，您必须在模板定义#= dataItem.<fieldName> #中使用：Freight :#=dataItem.Freight# <br/>因为dataKendoUItemplate处理器接收到的结构是dataItem.<fieldName>.

所以你的模板应该是：

template: "#OrderDate:#=dataItem.OrderDate# <br/>Freight :#=dataItem.Freight# <br/>ShipVia:#=dataItem.ShipVia# <br/> ShipCity:#= dataItem.ShipCity#"

注意作为调试技巧，您可以定义为template：

template: "#console.log('data', data);#"

这将执行由 . 括起来的代码#。Kendo UI 模板管理器定义为data您可用的实际数据，例如：

using(data) {
    // Template expanded code
};

这样可以正确使用#= dataItem.ShipCity #，但不会阻止您继续使用data. 我们利用这一点在浏览器控制台上显示data并检查其结构。

您在此处修改的 JSFiddle：http: //jsfiddle.net/OnaBai/5bchz/64/

Answer 2

在javascript 块的 kendo UI 模板中添加#debugger;#关键字作为断点。打开浏览器控制台。浏览器自动命中断点。