Kendo-UI 中的工具提示模板格式答案

【问题标题】：Tooltip Template Formating in Kendo-UIKendo-UI 中的工具提示模板格式
【发布时间】：2015-05-09 20:39:08
【问题描述】：

我有以下代码，最初我的数据仅包含 x 和 y 值，但是，一旦我添加了另一个值 k 但它停止工作。我计划在工具提示中显示k 值作为附加信息。有人知道吗？

function createChart() {
    $("#chart")
        .kendoChart({
            xAxis: {},
            yAxis: {},
            seriesDefaults: {type: "scatterLine" },
            series: [{data: stats}],
            tooltip:{visible:true,template: "#= myTooltip(value) # "}
        });
}

function myTooltip(value) {
    return Math.abs(value.x) + ", "+Math.abs(value.y)+","+Math.abs(value.k);
}

http://jsfiddle.net/3yhbyy2g/49/

【问题讨论】：

标签： javascript kendo-ui

【解决方案1】：

最后，这是我迄今为止提出的解决方案。这里的关键点是通过dataItem 访问数据而不是通过value-->(value.x, value.y) 访问数据，这限制了访问数据对象中的其他元素，而不仅仅是x 和y。

似乎value 继承自dataItem。

 tooltip:
     {
     visible:true,
     template: 
       "x : #=kendo.format('{0:n0}', (Math.abs(dataItem.x)))#, 
        y : #=kendo.format('{0:n0}', (Math.abs(dataItem.y)))#, 
        k : #=kendo.format('{0:n0}', (Math.abs(dataItem.k)))# "
     }

http://jsfiddle.net/3yhbyy2g/50/

【讨论】：