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

【问题标题】：Angular-Kendo Stacked charts with percentage formatting具有百分比格式的 Angular-Kendo 堆叠图表
【发布时间】：2015-04-23 03:30:26
【问题描述】：

在 100% 堆叠图表上，我无法让 valueAxis 格式属性呈现从 0 到 100% 的完整百分比。

请在此处查看我的 plunk：http://plnkr.co/edit/2nvnbDSHAdaSpOeJbHzn?p=preview

您会发现这是一个非常简单的示例，包含一个 index.html 文件和一个 script.js。 $scope.chartOptions 对象在 script.js 中分配。

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

0%     0.2%     0.4%    ...  1%

html div 定义如下：

<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

感谢您的帮助。

谢谢，鲍勃

【问题讨论】：

你的 Plunker 正确吗？我没有看到任何百分比，这似乎是一个完全不同的图表
好吧，这似乎正在工作 - plnkr.co/edit/2nvnbDSHAdaSpOeJbHzn?p=preview
当然我现在正在检查它。我看到正确的百分比，例如20%、40% 等。看起来不像提供的图像。我错过了这里的问题吗？
前三根柱线相同（MTM, 1D VaR 99%, 10Day VaR 99%）；但是，在我发布的图片中，我表明我的开发环境存在问题。我可能在我的代码中引入了一个错误，看到我在 plunk 中发布的 chartOptions 对象工作正常！谢谢你萨尔！
酷听起来不错。当你找到它时，请告诉我它是什么，我很想听

标签： javascript angularjs kendo-ui

【解决方案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
      }
  }

Plunker

【讨论】：