How to display more than 100 % in donut

Get help with using Metro 4 components
Post Reply
diwakarnitw
Posts: 2
Joined: Mon May 06, 2019 4:29 pm
Status: Offline

How to display more than 100 % in donut

Post by diwakarnitw » Mon May 06, 2019 4:39 pm

I would like to display component utilization in donut component. Utilization can go beyond 100% like storage virtualization/compute virtualization scenario. IT shows 0 whenever donut data-value percent goes above 100. How to display a percent value more than 100. Thanks.

User avatar
olton
Site Admin
Posts: 205
Joined: Mon Apr 09, 2018 6:19 pm
Location: Kiev, Ukraine
Status: Offline

Post by olton » Tue May 07, 2019 1:41 pm

https://metroui.org.ua/donut.html#_donut_options

Code: Select all

<div id="donut1" data-role="donut" data-value="135" data-total='1000' data-show-value="true"></div>

diwakarnitw
Posts: 2
Joined: Mon May 06, 2019 4:29 pm
Status: Offline

Post by diwakarnitw » Wed May 08, 2019 4:52 am

Thanks for the response but it shows only 13.5% utilized in donut and total value 135%. It does not represent correctly chart. Am I missing something?

Post Reply