Angular-Kendo 具有百分比格式的堆叠图表

Question

在 100% 堆积图上，我无法获得 valueAxis 格式属性来呈现从 0 到 100% 的完整百分比。

请看我的文章：http://plnkr.co/edit/2nvnbDSHAdaSpOeJbHzn?p=preview

您会发现这是一个非常简单的例子，有一个 index.html 文件和一个 script.js。 $scope.chartOptions 对象在 script.js.

中赋值

它错误地将百分比显示为：

0%     0.2%     0.4%    ...  1%

htmldiv定义如下：

<div kendo-chart k-options="chartOptions" k-rebind="chartOptions"></div>

我已经阅读了在线示例，还阅读了 http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-format 上的 Kendo 文档。

而且我已经尝试 kendo.toString("{0}", "p") 对其进行格式化属性，但无法成功。

http://demos.telerik.com/kendo-ui/bar-charts/stacked100-bar

感谢您的帮助。

谢谢，鲍勃

Answer 1

根据讨论和您确定的问题，您不一定需要删除 'format'，但在您的 Plunker 中，'format': '{0}%' 无效。如果改成下面这样，可以保留format，得到你想要的结果

有关详细信息，请参阅有效 Kendo Number Formatting

"valueAxis": {
     "labels": {
          "format": "p0",      /*or "p" to include decimals*/
              "rotation": -30
          },
          "line": {
              "visible": false
          },
          "axisCrossingValue": 0
      }
  }

Angular-Kendo 具有百分比格式的堆叠图表

Angular-Kendo Stacked charts with percentage formatting

javascript

kendo-ui

angularjs

Plunker