adedayo / ngx-liquid-gauge Goto Github PK

while comparing chrome and safari browsers, working fine in chrome. but safari always showing as filled.

Please excuse me If my question is senseless.

I'm both new to this gauge and never used D3 before. So i'm a bit lost here.

How can I set the gauge size to either an specified width and height or/ responsive.

Thanks.

Hello, I would like to know how to change the shape of the gauge. I would like a rect instead of a circle

Hi, I just using this package in my angular project, which was awesome. But I have an issues with it.

1. Chart is always aligned to the right end, how to customize the alignment.
2. I have no choice why the outer circle of the chart is there, is there any way to remove/Hide the outer circle. *refer Screenshot

kindly help me with this...

Hi , this is not working in angular 5.x version.

please suggest how to bypass this issue

Hi @adedayo

Thanks for your time to write this amazing gauge!

But after install ngx-liquid-gauge with angular-cli, angular app compile failure, log printed as below,

ERROR in ./node_modules/ngx-liquid-gauge/fesm5/ngx-liquid-gauge.js
Module not found: Error: Can't resolve 'd3' in 'D:\3 NodeJs_project\node_modules\ngx-liquid-gauge\fesm5'
i ｢wdm｣: Failed to compile.

we can install d3 with npm first to solve this problem, but I cannot find the description in your readme file.
I advise you can add ' npm install d3 --save ' dependence in your readme for help others.

Thanks!

Hi,

I tried to update my application to angular 9, but when loading the screen with the component an error occurred:

Could not read the undefined property 'nativeElement'

The component was working well with version 7 of angular.
Did you have this error? Should this component work at angular 9?

Hi
Using lib-ngx-liquid-gauge in my component, got this errors with underline RED color in the editors.

The message is =>
Property 'minValue' is private and only accessible within class 'NgxLiquidGaugeComponent'

Checking /nodes/ngx-liquid-auage, the attribute scope is private.

Enviorments:
Angular 12.x

can you help me to solve it?

Why are (Input) properties private? Shouldn't they be public?

I have run your test example and am getting the following error

Thanks

I'm trying to use ngx-liquid-gauge with a ionic3 app.
i've installed d3 and ngx-liquid-gauge and added ngx-liquid-gauge in my app.module.ts.
(+added it in my page.ts)
Then i've tried to simply add a simple html element
<lib-ngx-liquid-gauge
[value]="77">

When i've simply run "ionic serve" (to run the app), at the starting (i suppose when loading your lib), i've a blocking issue

"Object(...) is not a function"

Uncaught TypeError: Object(...) is not a function
    at ngx-liquid-gauge.js:18
    at Object.<anonymous> (ngx-liquid-gauge.js:20)
    at __webpack_require__ (bootstrap 7b4d8e9c9037c30cdbdc:54)
    at Object.570 (main.ts:5)
    at __webpack_require__ (bootstrap 7b4d8e9c9037c30cdbdc:54)
    at Object.565 (main.ts:1)
    at __webpack_require__ (bootstrap 7b4d8e9c9037c30cdbdc:54)
    at webpackJsonpCallback (bootstrap 7b4d8e9c9037c30cdbdc:25)
    at main.js:1

ngx-liquid-gauge.js line 18.

What can i do ?