Description

ng-simple-svg-chart

NgSimpleSvgChartService is an Angular service for calculate and displaying simple svg chart. SVGComponent is an Angular component to show's svg chart.

Installation

1. Add the service to your Angular project.
2. Import the component.

Table of Contents

• Installing
  • Package manager
• Example

Installing

Package manager

Using npm:

$ npm install ng-simple-svg-chart

1. Install necessary dependencies:

Dependencies and versions

  "@angular/common": "^17.3.0",
  "@angular/core": "^17.3.0"

Example

  import { SVGComponent } from './ng-simple-svg-chart';

  @Component({
    imports: [
      SVGComponent
    ]
  })
  export class AppComponent {
    chartData = [110, 50, 125, 10, 130, 30, 25, 40, 50, 88];
    chartLabel = ['Jan', 'Fev', 'Mar', 'May', 'Abr', 'Ago', 'Set', 'Out', 'Nov', 'Dez'];
  }

  <ng-simple-chart-svg 
    [data]="Array<number>" 
    [label]="Array<string>"
    [rects]="Boolean"
    prefix="String"
  ></ng-simple-chart-svg>