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

Question

我有以下代码，最初我的数据仅包含 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/

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

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

Tooltip Template Formating in Kendo-UI

javascript

kendo-ui