cdjackson/angular-dialgauge

AngularJS directive for a dial gauge

angular-dialgauge's Issues

bar disappears when value>100

Example in this fiddle: http://jsfiddle.net/7qq1keyL/

with scaleMax set to 1000, the display bar is properly scaled, but disappears with values greater than 100.

Values are not aligned to the middle of the gauge

Hi, I have trouble getting the value numbers aligned to the middle of the gauge as they are on the demos.

I understand the text is positioned based on the parent's height value, it's divided by 2 and assigned to the text "y" value. But then the text sits on top of it, not in the middle, so it's not centered... Any idea why is this happening?

Min-Max using angular model

Hi,
How to set min max values of angular-dialgauge using angular model

Config object attribute

The documentation states:

configuration object called config can be set to provide a single configuration object.

I think perhaps that should be:

configuration object called options can be set to provide a single configuration object.

min-max range

Is there any way I can get this gauge to indicate a range, with the bar showing between min and max values, and to have those values dynamically vary?

Handling undefind error

Hi!

Since there is no handling in undefined variable, I added a condition which check it. I recommend you to add it as well.

I have to mention it is great feature and well designed!

Thanks!
Moria.

ng-repeat usage

Hey folks,

Apologies for the noob question, but any advice on proper usage with ng-repeat?

<div class="dg" ng-repeat="x in myArray">
   <ng-dial-gauge ng-model="foo">
    </ng-dial-gauge>
</div>

I can get ng-repeat to instantiate x number of gauges, but I'm unable to bind to each element in my controller using ng-model.

Thanks in advance!

SVG not maxing at parent width

Hi,

I wasn't able to get the dial to be 100% of parent width out of the box.

Here's an example:

And the DOM:

My options look like this:

scaleMin: 0,
scaleMax: 100,
borderWidth: 0,
barColor: "#DC018A",
barWidth: 10,
trackColor: "#F6F6F7",
scaleMinorColor: "#E9E9E9",
scaleMajorColor: "#F6F6F7",
units: "%",
angle: 150,
rotate: 180,
lineCap: "round"

I forced it in my project by hard-coding the viewBox attribute to the svg element that you create on line 440, but is there another way around this?

Thanks!