How to update Minimalist charts barcolor?

Topic: How to update Minimalist charts barcolor?

boyd8811 pro asked 7 years ago

0 0

Can you please provide an example on how to update the barColor when value changes for the minimalist chart.

Add comment

Piotr Glejzer staff answered 6 years ago

1 0 Best answer

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

boyd8811 pro commented 6 years ago

Thank you very much!

Add comment

Piotr Glejzer staff answered 6 years ago

3 0 Best answer

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.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

User: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

About author

boyd8811

Pro User

26Support score
4Questions 1Answers

0Snippets likes 0Snippets