What is the correct setter method of min-carts, how to chang

Hello Piotr,

I tried to improve christopherbirwin's solution ("Display a Value Instead of a Percent"), so there are some new issues additionaly to my original problem of setting 'percent' value.Now it is possible to display floating numbers with preset number of decimals, but I'd like to use number of decimals as new property, which is maybe changeable from JS.I'd like to use a 'range' or 'max' property to calculate real percent of displayed value.And finally it would be nice to use a 'unit' property, and using its value in CSS as

.min-chart .integer: after { content: .unit  }

Please find my modified snippet as an example.

Hi, to work with the value that is passed to the chart you can simply assign it to other variable and do all the math you want. To get the number of decimals please use similar function:

var countDecimals = function (value) {
    if(Math.floor(value) === value) return 0;
    return value.toString().split(".")[1].length || 0; 
}

to count percent of the number:

yourValue * desiredPercent / 100 = percentOfYourValue desiredPercent = percentOfYourValue * 100/yourValue

Sadly we do not support units in this chart example. You can obviously rearrange your CSS and add other content to your ::after depending on your js logic.

If you need additional help I am here for you.

Best Regards, Piotr