{"repo":"ashish-chopra/ngx-gauge","free":true,"listed":false,"github":"https://github.com/ashish-chopra/ngx-gauge","clone":"git clone https://github.com/ashish-chopra/ngx-gauge.git","description":"A highly customizable Gauge component for Angular apps and dashboards","language":"TypeScript","stars":223,"topics":["canvas","gauge","gauge-component","meter","data-visualization","arc","dashboard","angular","threshold","dashboards"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"ngx-gauge A highly customizable Gauge component for Angular apps and dashboards. It provides many configurationable options to customize according to your needs. Checkout the live demo here. (For older versions of Angular, check out the compatibility matrix below). In version v5.0.0 , we introduced markers, ticks and background opacity for gauge as shown below. Checkout the documentation below. Getting Started Angular Version Compatibility Table Angular Version ngx-gauge Version --- --- 6.0 - 7.0 - 8.0 1.0.0-beta.12 9.0 1.1.0 10.x.x 2.0.0 11.x.x 3.0.0 12.x.x 4.0.0 13.x.x 5.0.0 14.x.x 6.0.0 15.x.x 7.0.0 16.x.x 8.0.0 17.x.x 9.0.0 18.x.x 10.0.0 19.x.x 11.0.0 20.x.x 12.0.0 21.x.x 13.3.1 Step 1: Install npm module For latest version use the command: For a specific version for an older Angular version as per Compatibility table above, use command: Step 2: Import the NgxGaugeModule Be sure to import NgxGaugeModule after Angular's BrowserModule , as the import order matters for NgModules . Step 3: Use gauge component in HTML NgxGaugeModule provides a component which can be used in any angular template to render a gauge. It's configuration properties can be bind to a typescript variable as shown below: Checkout the extensive list of configuration properites given below and try them to acheive your desired customization. In case you face any problem, then raise an issue here. Configuration Properties There are plenty of configurable properties available to tune the gauge as per your ne","default_branch":null,"files":null,"tree":[],"storefront":"/r/ashish-chopra","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ashish-chopra/ngx-gauge/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}