Search code examples
angularjsjquery-knob

Different value in ui-knob bar and center value

I am using ng-knob library to draw some charts in my angular project, the charts load perfectly, but I have a new requirement that is put different values for the text showed in the donut center and value in the progress bar of the chart.

In the image below, the left chart have the actual behaviour, and the right chart is the desired behavior.

Donut Charts with diferents values in bar progress and center text value

I have researched in google without success, Can you have any ideas how to do this without change the core of the library?

Solution

  • You could set the "max" property in the config to 15.38461538461538 which 10 is 65% of.