MeetmeLeave / ng-canvas-gauges

Angular2 component wrapper for the canvas-gauges library written by @Mikhus(https://github.com/Mikhus/canvas-gauges).
MIT License
38 stars 23 forks source link

Example Code Doesn't work if changed to Radial-Gauge #12

Open AdwaitLele opened 6 years ago

AdwaitLele commented 6 years ago

I'm trying to create a GUI with this module in Angular and want a radial-gauge. I tried the example code and it worked with the linear-gauge. But when I try to change it to a radial gauge, the radial gauge shows up but the value doesn't update (the value does update for the linear-gauge example)

Anyone have working code for a radial gauge that updates its value based on some value in the AppComponent class, like in the example?

adsonvinicius commented 6 years ago

<radial-gauge width="300" height="300" units="Km/h" title="false" [attr.value]="value" min-value="0" max-value="180" major-ticks="0,20,40,60,80,100,120,140,160,180" minor-ticks="2" stroke-ticks="false" highlights='[{ "from": 0, "to": 100, "color": "rgba(0,0,0,.15)" }, { "from": 140, "to": 180, "color": "rgba(169,11,11,1)" }]' color-plate="#222" color-major-ticks="#f5f5f5" color-minor-ticks="#ddd" color-title="#fff" color-units="#ccc" color-numbers="#eee" color-value-box-rect="rgba(255, 255, 255, 0)" color-value-box-rect-end="rgba(255, 255, 255, 0)" color-value-box-background="rgba(255, 255, 255, 0)" color-value-text-shadow="false" font-value-size="50" color-value-text="#fff" color-value-box-shadow="false" color-needle-start="rgba(240, 128, 128, 1)" color-needle-end="rgba(255, 160, 122, .9)" border-shadow-width="0" border-inner-width="0" border-middle-width="0" value-box="true" value-int="1" value-dec="0" animation-rule="dequint" animation-duration="500" font-value-weight="400" animated-value="true">