Adding more than 1 needle inside gauge

[itshazlan]

Could you give me the option of how to draw more than one needle inside the gauge? Please

[NickersWeb]

@hamzahalvanaa check my fork that does precisely that... https://github.com/NickersWeb/D3-Radial-Gauge

[itshazlan]

@hamzahalvanaa check my fork that does precisely that... https://github.com/NickersWeb/D3-Radial-Gauge

how to use your project with the existing angularJS project?

[stherrienaspnet]

Hello I do not do programmation anymore in my life. But you just have to isolate the needle logic part and duplicate it. Good luck

…

On Tue, Mar 9, 2021 at 2:40 AM Hamzah. ***@***.***> wrote: Could you give me the option of how to draw more than one needle inside the gauge? Please — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#30>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABOX24LVU2WEP7J5RMOJNILTCXGINANCNFSM4Y27BCRA> .

[NickersWeb]

@hamzahalvanaa in my fork I have a demo. It's just JavaScript. From what I can remember, you just put the data in the scope and call the functions when needed to update the gauges etc

[itshazlan]

Hello I do not do programmation anymore in my life. But you just have to isolate the needle logic part and duplicate it. Good luck
…
On Tue, Mar 9, 2021 at 2:40 AM Hamzah. @.***> wrote: Could you give me the option of how to draw more than one needle inside the gauge? Please — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#30>, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABOX24LVU2WEP7J5RMOJNILTCXGINANCNFSM4Y27BCRA .

I need few explanation from you, here is my code :

template.html :

<span width="100%" ng-radial-gauge angle="90" ranges="rangesGross" value="getDataFromTagU12('U1_GROSS')" value-unit="nullUnit" precision="precision" lower-limit="0" upper-limit="350" hide-tick-unit="1" ng-show="getDataFromTagU12('last_update')!=undefined&&getDataFromTagU12('last_update')!=null" major-graduation-text-color="#ffffff" major-graduation-color="#ffffff" minor-graduation-color="#ffffff" needle-color="#ffffff" bar-thickness="15" needle-value-text-size="0" major-graduation-text-size="15" major-graduations="8"></span>

template.js :

		$scope.value = 15;
		$scope.upperLimit = 6;
		$scope.lowerLimit = 0;
		$scope.unit = "MW";
		$scope.unitCoal = "T/H";
		$scope.nullUnit = "";
		$scope.precision = 2;
		$scope.rangesGross = [
			{
				min: 0,
				max: 150,
				color: '#FDC702'
			},
			{
				min: 150,
				max: 300,
				color: '#8DCA2F'
			},
			{
				min: 300,
				max: 350,
				color: '#C50200'
			}
		];

Where is the needle logic part that I need to isolate and duplicate? Thank you

[stherrienaspnet]

Prepare a plunker or jsfiddle and I will try to make make it work, but no garantee

[itshazlan]

Prepare a plunker or jsfiddle and I will try to make make it work, but no garantee

Here is my example, http://plnkr.co/edit/fcPQwTfbC1gOwrtS

[NickersWeb]

@hamzahalvanaa here you go... http://plnkr.co/edit/1u2zCNhM44RFN3y5

[itshazlan]

@NickersWeb thanks for your effort, but I've looked forward to seeing the result from @stherrienaspnet

[stherrienaspnet]

Sorry I’m so busy at this time

…

On Wed, Mar 10, 2021 at 2:41 AM Hamzah. ***@***.***> wrote: @NickersWeb <https://github.com/NickersWeb> thanks for your effort, but I've looked forward to seeing the result from @stherrienaspnet <https://github.com/stherrienaspnet> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#30 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABOX24I52O2UA2CRXX7GSRTTC4PCHANCNFSM4Y27BCRA> .

[NickersWeb]

@hamzahalvanaa was this ever resolved?

[itshazlan]

@NickersWeb well i should give a try. thanks a lot