我使用angularJS和kendo。 图表工具提示的设置模板(分隔)如何?
<div id="buildLogChart" kendo-chart
k-tooltip="{ visible: true, template: '#TooltipTemplate' }">
</div>
答案 0 :(得分:2)
您可以使用k-tooltip="tooltipOptions"
在控制器上定义$scope.tooltipOptions
的位置,然后您只需在控制器中设置模板,例如
$scope.tooltipOptions = {
visible :true,
template : "<div id='testId' class='testClass' style='font-size:15px;'>\
<div>${series.name}</div>\
<div>${series.color}</div>\
<div>${value}</div>\
</div>"
};
说明:
最后这里是
另外如果你想把它放在单独的文件上(我不确定我的问题是否100%),你可以通过创建一个页面并添加一个kendo模板脚本来使用kendo模板
<script id="customTooltipTemplate" type="text/x-kendo-template">
<div id='testId' class='testClass' style='font-size:15px; color:black; background-color:white;'>
<div>${series.name}</div>
<div>${series.color}</div>
<div>${value}</div>
</div>
</script>
然后将文件导入/链接到您的控制器,然后您可以使用它:
$scope.tooltipOptions = {
visible :true,
template : kendo.template($("#customTooltipTemplate").html())
};
最后这里是
注意:我不是在单独的文件上创建它,因为我显然无法在kendo dojo上执行此操作,但是此kendo模板可以放在其他页面上,但您需要将文件导入/链接到当前先归档。阅读更多关于剑道模板here
的信息