Getting Started

Encharting is an Angular library designed to simplify the process of 2D charts generation.

Installation

After creating a new Angular project simply run:

npm install encharting --save

Usage

• Firstly, import EnchartingDirective in your app module (or any other proper Angular Module, Standalone Components also work).

  import { EnchartingDirective } from 'encharting';
  
  @NgModule({
      imports: [
          EnchartingDirective
      ],
  })
  export class AppModule {}

• Then use the encharting directive in the HTML of your Angular component:

  <div encharting></div>

Input API

| Name | Type | Default | Description | | ----------------------- | --------------- | ------------------ | ------------------------------------------------------ | | @Input [config] | Chart | { components: [] } | The chart configuration object | | @Input [width] | string | 600px | The width of the canvas element (use same css values) | | @Input [height] | string | 400px | The height of the canvas element (use same css values) | | @Input [theme] | EnchartingTheme | undefined | The theme of the chart | | @Input [fontFamily] | string | | The Font Family of the chart |

Output API

| Name | Type | Description | | -------------------------- | -------------- | -------------------------------------------------------------------------------------------------------- | | @Output (onClick) | ECElementEvent | Emits an ECElementEvent object when clicking on a component of the chart (for example a point of a line) | | @Output (onBlankClick) | BasePoint | Emits a BasePoint object when clicking on a blank space of the chart |