Angular Chartist

Installation

npm install ng-chartist chartist

pnpm add ng-chartist chartist

Usage

import { ChartistModule } from "ng-chartist";
import { NgModule } from "@angular/core";

@NgModule({
  imports: [ChartistModule],
})
export class SomeModule {}

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: {},
  };
}

<x-chartist [configuration]="configuration"></x-chartist>