Kendo UI饼图/圆环图标签格式

时间:2014-08-25 19:51:44

标签: kendo-ui kendo-chart

我正在尝试在饼图/圆环图上格式化标签,但我一直收到语法错误。

这有效,但没有格式化:

<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?我应该在View模型中添加一个功能吗?如果是这样,语法是什么?感谢。

1 个答案:

答案 0 :(得分:1)

您只能在此处添加kendo.toString,请尝试按以下方式更新模板:

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

以上将百分比值乘以100,如果您只想在值的末尾添加%符号,则可以通过以下代码执行:

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