frapontillo / angular-gage Goto Github PK

Hi There,

So I need to use these gages in reverse order and I am pretty sure I have the most updated version. However, for some reason when I add reverse="true" it doesnt change anything. I wonder why.

Here is my html:
<justgage decimals="true" reverse="true" title-min-font-size="12" class="col-md-2 col-sm-2" ng-if="!dashboardCtrl.metric" id="test1" min=0 max=140 value="{{device.tc1}}" custom-sectors="{{device.customSectors}}" title="{{device.title}}" width="155" height="155" symbol="°F"></justgage>

Also, I tried sending boolean check for reverse from javascript like "reverse={{device.reverseCheck}}" but it didnt work either.

Thanks

Windows installs to:

Doing the same on linux puts al the files under a dist folder.

Any idea what is going on?

Code sample

<div justgage id="test" min="10" max="100" value="0"></div>

On page load i get the JustGage alert: "Missing id parameter for gauge!". I've tried a dump of the justgageOptions and there's no id property inside. Adding

justgageOptions.id = 'test';

just before the JustGage constructor removes the error. Am i missing something or are there problems with the html element id?

Hi,
Can I dynamically change the gauge color depending on value?

Hi,

If I have two <div justgage ... in same view, only the first is diplayed. Is this a bug or a feature?

There also seems to be a bug that causes the background not to be drawn

<div justgage
         value="{{(disk.total-disk.free)/1000000000}}" 
         min="0" max="{{disk.total/1000000000}}"
         hide-inner-shadow="true"
         decimals="0"
         symbol="GB"></div>

results in:

while

<div justgage
         value="{{(disk.total-disk.free)/1000000000}}" 
         min="0" max="3000"
         hide-inner-shadow="true"
         decimals="0"
         symbol="GB"></div>

results in

$scope.disk = {total: 3000591806464, free: 444170838016};

You can delete this issue I was wrong

Hey there,

I just got this but it's not showing anything!

I get a pop up saying "Missing id parameter for gague" although it was copied from your example.

I imported "justgage" , "raphael", "angular-gage", and your controller and directive but nothing is shown.

Would have been nice a step by step integration and usage method like most githubs project lay out. :)

The gauge is working perfectly but the title attribute does not seem to be working.
Here is the code:
<div justgage title="CASH" value=4500 decimals=2 min="{{min}}" value-font-color="black" max=5000 human-friendly-decimal=true custom-sectors="{{customSectors}}" level-colors="{{levelColors}}" format-number='true' donut="true" gauge-width-scale=0.4> </div>

trying to pass level-colors to justgauge directive and angular.tojson keeps tripping a syntax error. Can you provide me an example please?

This is related to toorshia/justgage#93

I've fixed this here: https://github.com/dnfield/angular-gage/blob/develop/src/directives/justgage.js

However, I didn't update the dist folder or rebuild anything - would you like me to create a pull request for this?