gauge.js | 100 % native and cool looking JavaScript gauge

I'm trying to create multiple gauges but seem to have trouble. If I don't create a var for each gauge then they don't render. How do I create multiple dynamic variables?

I'm able to create the elements but am struggling to set the val/render the gauges.

I am creating a Activity Gauze Highchart. Everything is working fine except I am facing difficulties in managing the DataLabels.

As you can see if you run the below code, the data labels are rendering fine and even rotating with the series path. But they are just messed up for the series which have really small values.

Is there anyway by which I can either hide it for the smaller series or I can keep it outside from the arc (see here for reference https://www.highcharts.com/demo/pie-basic)

The following are the list of errors I got just because I put Hightchart map and gauge on a single file. If I have spent hours on this... Help me out

1.highcharts-more.src.js:42 Uncaught TypeError: Cannot read property 'addEvent' of undefined

1. solid-gauge.src.js:52 Uncaught TypeError: Cannot read property 'parse' of undefined

2. exporting.src.js:39 Uncaught TypeError: Cannot read property 'addEvent' of undefined

3. export-data.src.js:41 Uncaught TypeError: Cannot r

4. accessibility.src.js:44 Uncaught TypeError: Cannot read property 'merge' of undefined

5. main.js:886 Uncaught ReferenceError: Highcharts is not defined

Trying to create a chart like this one. Without dynamic data, it works like a charm. Trying to make the data dynamic by means of an ajax-call and setInterval function is not so successful. I have gone through many many posts and tried several options to no avail. My code, as is, in between the and is:

Since 2016 I used Highcharts-4.2.5, but when implementing some new functions, I upgraded to Highcharts-7.1.2. After that, Solid-gauge tooltip no longer displays the values. Only black boxes appear. The code was in default, but already changed to force the formatting and display of the field, without success. If I return to the previous version, they return to normal operation.

![1]: https://photos.google.com/album/AF1QipP3gJTQoAlJNM5tB3VO5O7HuKvfcAOKqaRbikkl/photo/AF1QipManRBvVVH76DW_LfrZHUa7L74PlD56Kd5eD9zp "before upgrade"

![2]: https://photos.google.com/album/AF1QipP3gJTQoAlJNM5tB3VO5O7HuKvfcAOKqaRbikkl/photo/AF1QipOKX3422yh88cTZmrPMeRvzWm8ykShDda1mPELi "after upgrade"

I found this amazing javascript gauge meter: http://bernii.github.io/gauge.js/

There's an option to make it looks like a gauge

There were few SO questions regarding this question, but none of those not worked for me, hence posting this question. ng serve works fine but when I do "ng build --prod" and deploy the application to the cloud foundry this error showing.

I have already tried similar answers provided for this same question, but no luck

.angular-cli.json file

I have a solidgauge Highcharts. Which is used to describe the progress in the circular chart. Here my progress is 50% as per the data. Here I just need to add this progress inside the chart/circle as a percentage. Can anyone please help me with it. Below is my HTML and javascript code:

I trying to create a gauge chart with Highcharts. I need to decrease the width of my serie but unfortunately I don't found how to make that with highcharts.

This is my desired output :

And I make this gauge :