ngRadialGauge
ngRadialGauge copied to clipboard
stherrienaspnet
Adding more than 1 needle inside gauge
Could you give me the option of how to draw more than one needle inside the gauge? Please
@hamzahalvanaa check my fork that does precisely that... https://github.com/NickersWeb/D3-Radial-Gauge
@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?
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. [email protected] 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 https://github.com/stherrienaspnet/ngRadialGauge/issues/30, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABOX24LVU2WEP7J5RMOJNILTCXGINANCNFSM4Y27BCRA .
@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
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
Prepare a plunker or jsfiddle and I will try to make make it work, but no garantee
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 thanks for your effort, but I've looked forward to seeing the result from @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 https://github.com/stherrienaspnet/ngRadialGauge/issues/30#issuecomment-795030722, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABOX24I52O2UA2CRXX7GSRTTC4PCHANCNFSM4Y27BCRA .