https://github.com/willsoto/ng-chartist

Angular component for Chartist.js
https://github.com/willsoto/ng-chartist

angular charting-library chartist chartistjs typescript

Last synced: 3 months ago
JSON representation

Angular component for Chartist.js

• Host: GitHub
• URL: https://github.com/willsoto/ng-chartist
• Owner: willsoto
• License: apache-2.0
• Created: 2016-05-30T22:34:28.000Z (over 8 years ago)
• Default Branch: main
• Last Pushed: 2024-05-02T04:43:29.000Z (6 months ago)
• Last Synced: 2024-05-02T05:31:25.524Z (6 months ago)
• Topics: angular, charting-library, chartist, chartistjs, typescript
• Language: TypeScript
• Homepage:
• Size: 37.9 MB
• Stars: 125
• Watchers: 4
• Forks: 43
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ng-chartist - Angular component for Chartist.js. (Table of contents / Third Party Components)
• fucking-awesome-angular - ng-chartist - Angular component for Chartist.js. (Table of contents / Third Party Components)
• fucking-awesome-angular - ng-chartist - Angular component for Chartist.js. (Table of contents / Third Party Components)

README

        
# Angular Chartist

## Installation

```bash

npm install ng-chartist chartist

```

```bash

pnpm add ng-chartist chartist

```

## Usage

```typescript

import { ChartistModule } from "ng-chartist";

import { NgModule } from "@angular/core";

@NgModule({

  imports: [ChartistModule],

})

export class SomeModule {}

```

```ts

import { Component } from "@angular/core";

import { Configuration } from "ng-chartist";

@Component()

export class SomeComponent {

  public configuration: Configuration = {

    // Specify the type of chart and the rest of the config will be typed

    type: "Bar",

    // Required

    data: {},

    // Optional

    options: {},

    // Optional

    responsiveOptions: {},

  };

}

```

```html

```