Question

我正在使用Kendo并在条形图上显示标签。现在使用以下代码，标签将数字显示为＆＃34; 25.4＆＃34;。我需要标签在数字后面显示百分号，并且我认为我可以在＆＃34;模板中的标签模板部分执行此操作：＆＃34; ＃= value＃＆＃34;＆＃34;，但添加％或＆＃39;％＆＃39;或＆＃34;％＆＃34;不起作用。 如何让％显示标签上的数字？

seriesDefaults：{ 键入：＆＃34;列＆＃34;，标签： { 可见：是的，背景：＆＃34;透明＆＃34;，模板：＆＃34; ＃=值＃＆＃34; } }，

在另一个图表中，我需要做类似的事情，但标签显示为数字，但在适当的位置使用逗号。有人也知道怎么做吗？防爆。我需要32,123而不是32123。

Answer 1

我建议使用template而不是format使用25.4（当然，您可以使用模板获得相同的内容）。

示例：

将25.4%打印为seriesDefaults: { type: "column", labels: { visible: true, background: "transparent", format : "{0:n}%" } },

您甚至可以使用format : "{0:n3}%"使用seriesDefaults: { type: "column", labels: { visible: true, background: "transparent", format : "{0:n3}%" } },显示一定数量的小数位数：

25%

这是当您将号码存储为百分比时，即将25存储为0.25而不是$(document).ready(function() { $("#chart").kendoChart({ title: { text: "Total Sales (percentage)" }, legend: { visible: false }, seriesDefaults: { type: "column", labels: { visible: true, background: "transparent", format : "{0:n2}%" } }, series: [ { name: "Serie1", data: [10, 20, 25, 30, 10, 5] } ], valueAxis: { max: 50, line: { visible: false }, minorGridLines: { visible: true } }, categoryAxis: { categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], majorGridLines: { visible: false } } }); });。

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css" />

<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>

<div id="chart" style="height: 300px"></div>

{{1}}

kendo在标签中显示“，”和“％”

1 个答案: