0

次のようにツールチップをカスタマイズしようとしていますが、

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);
}

ただし、次のエラーが表示されます

「キャッチされない参照エラー: myToolTip が定義されていません」

次のように作業します。ただし、柔軟性を高めるために上記のコードに取り組み続けたいと思います。

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

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

1 に答える 1

1

代わりにこれを試してください:

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

いくつかの良いサンプルがあるドキュメントを確認してください:

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

次の例もチェックしてください。

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

于 2015-05-08T22:07:22.980 に答える