Minimalist Chart Size

Topic: Minimalist Chart Size

ssm pro asked 6 years ago

How do I change the size of the minimalist chart?

Add comment

Marta Wierzbicka staff answered 6 years ago

Hi, add this code to your CSS:

.min-chart {
width: 300px;
height: 300px;
}
.min-chart .percent {
line-height: 300px;
}

add "size" parameter to your inicialization of "min-chart" like this:

$(function () {
$('.min-chart#chart-sales').easyPieChart({
barColor: "#4caf50",
size: 300,
onStep: function (from, to, percent) {
$(this.el).find('.percent').text(Math.round(percent));
}
});
});

Best, Marta

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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

ssm

Pro User 0Support score
1Questions 0Answers 0Snippets