Topic: How to update Minimalist charts barcolor?
boyd8811 pro asked 6 years ago
Piotr Glejzer staff answered 6 years ago
Hi,
We have a function for you.
$(function () { $('.min-chart#chart-sales').easyPieChart({ barColor: function (percent) { return (percent < 50 ? '#5cb85c' : percent < 85 ? '#f0ad4e' : '#cb3935'); }, size: 150, scaleLength: 7, trackWidth: 5, lineWidth: 5, onStep: function (from, to, percent) { $(this.el).find('.percent').text(Math.round(percent)); } }); });
Best regards,
Piotr
Piotr Glejzer staff answered 6 years ago
Hello,
In our documentation in minimalist charts section we have an example how to change a color of charts.
Link to documentation (step 3):
https://mdbootstrap.com/javascript/charts/#usage-minimalist
Is that resolve your problem?
Best regards,
Piotr
boyd8811 pro commented 6 years ago
Maybe my question was not clear. Is it possilbe to update the color in onStep function? The code provided in your docs shows the barColor being set on initialize. I'm curious if this can be updated as it changes values.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No