encharting
TypeScript icon, indicating that this package has built-in type declarations

0.0.8 • Public • Published

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

Package Sidebar

Install

npm i encharting

Weekly Downloads

0

Version

0.0.8

License

MIT

Unpacked Size

371 kB

Total Files

22

Last publish

Collaborators

  • chrismassa