次のようにツールチップをカスタマイズしようとしていますが、
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);
}