0

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?

Cœur
  • 37,241
  • 25
  • 195
  • 267
xzegga
  • 3,051
  • 3
  • 25
  • 45

1 Answers1

0

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

Robert Corey
  • 703
  • 7
  • 19
  • thanks Robert, but 10 is a value that can be variable, for example in one chart I have 8,74 and in the bar I need 77%, two values are independient and not related it, ant this values will be dynamically – xzegga Feb 02 '17 at 15:32
  • I think you will need to modify the libraries source code to accomplish this, it doesn't look like it can be accomplished via their config. – Robert Corey Feb 02 '17 at 15:48