Question

我正在尝试按如下方式自定义工具提示，

self.updateChart = function () {
    if ($("#chart").data("kendoChart") != undefined) {
        var chart = $("#chart").data("kendoChart");
        // the following line throws an error
        chart.options.tooltip.template= "#= myTooltip(value) # ";
    }
    chart.refresh();
}


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

但是我收到以下错误

＆＃34;未捕获参考错误：myToolTip未定义＆＃34;

做以下工作;但是我想继续研究上面的代码，这将给我更多的灵活性。

$("#chart").kendoChart({
    tooltip: {
        visible: true,
        template: "#= myTooltip(value) # "
    }
});

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

Answer 1

请改为尝试：

$("#chart").kendoTooltip(
{
    content : '#= myTooltip(value) #'
    ...
});

检查包含一些好样本的文档：

http://demos.telerik.com/kendo-ui/tooltip/api

另请查看此示例：

http://demos.telerik.com/kendo-ui/tooltip/template

在剑道中自定义方法调用

1 个答案: