On the 100% Stacked Chart, I cannot get the valueAxis format property to render a full % amout from 0 to 100%.
Please see my plunk here: http://plnkr.co/edit/2nvnbDSHAdaSpOeJbHzn?p=preview
You'll find it's a very simple example, with an index.html file and one script.js. The $scope.chartOptions object is assigned in script.js.
It is incorrectly displaying the percentage as :
0% 0.2% 0.4% ... 1%
The html div is defined as follows:
<div kendo-chart k-options="chartOptions" k-rebind="chartOptions"></div>
I've read the online samples, and also read the Kendo docs at http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-format.
And I've tried kendo.toString("{0}", "p")
to format it property, but can't get it.
http://demos.telerik.com/kendo-ui/bar-charts/stacked100-bar
your help is appreciated.
thanks, Bob
Per discussion and your identified issue, you don't necessarily need to remove 'format'
, but in your Plunker, 'format': '{0}%'
is not valid. If you change to the following, you can keep format
and have the results you wish
See valid Kendo Number Formatting for more information
"valueAxis": {
"labels": {
"format": "p0", /*or "p" to include decimals*/
"rotation": -30
},
"line": {
"visible": false
},
"axisCrossingValue": 0
}
}