Kendo UI 饼图/甜甜圈图标签格式

Question

我正在尝试格式化饼图/甜甜圈图上的标签，但我不断收到语法错误。

这可行，但没有格式化：

<div data-role="view" data-title="Utilization" data-layout="main" data-model="APP.models.utilization" data-show="sessionDetailsShow">



<div data-role="chart"
     data-title="{ text: 'Daily Machine Utilization', position: 'bottom' }"
     data-series-defaults="{ type: 'donut', labels: {visible: true, position: 'center', align: 'circle', template: '#= category # -  #= percentage # '}}"
     data-series="[{field: 'PercentOfTotal', categoryField: 'StatusName', colorField: 'Color'}]"
     data-bind="source: ds">

</div>

这给了我一个“意外标识符”语法错误：

<div data-role="view" data-title="Utilization" data-layout="main" data-model="APP.models.utilization" data-show="sessionDetailsShow">



<div data-role="chart"
     data-title="{ text: 'Daily Machine Utilization', position: 'bottom' }"
     data-series-defaults="{ type: 'donut', labels: {visible: true, position: 'center', align: 'circle', template: '#= category # -  #= kendo.toString(percentage,'p0')# '}}"
     data-series="[{field: 'PercentOfTotal', categoryField: 'StatusName', colorField: 'Color'}]"
     data-bind="source: ds">

</div>

是因为我不能从这里调用 kendo.toString 吗？我应该向我的视图模型添加一个功能吗？如果是这样，语法是什么？谢谢。

Answer 1

您只能在此处添加 kendo.toString，尝试更新模板如下：

template: '#= category # -  #= kendo.toString(percentage,\"p0\")#'

上面将百分比值乘以100，如果你只想在值的末尾添加％符号，那么你可以通过下面的代码来做：

template: '#= category # - #= keno.toString(percentage,\"#\\%\")#'