ngx-bar-chart-ahaf v0.0.18

NgxBarChartAhaf

A simple Bar-Chart Module for your angular project

Getting Started

Installation

Install via npm package manager

npm i ngx-bar-chart-ahaf

Usage

Import ngx-bar-chart-ahaf module

import { NgxBarChartAhafModule } from 'ngx-bar-chart-ahaf';
@NgModule({
  imports: [ NgxBarChartAhafModule ]
})

Then in HTML

<lib-ngx-bar-chart-ahaf data]="barChartData" [options]="barChartOptions"></lib-ngx-bar-chart-ahaf>

Configuration

barChartOptions = {
	chartTitle: "chart title",
	yAxisMaxValue: 100,
	yAxisUnit: "hours",
	barColor: "#38D430",
	barBackgroundColor: "#ececec"
}

barChartData = [
	{
		x: "1st Bar",
		y: 78,
	},
	{
		x: "2nd Bar",
		y: 67,
	},
	{
		x: "3rd Bar",
		y: 72,
	},
	{
		x: "4th Bar",
		y: 77,
	},
	{
		x: "5th Bar",
		y: 65,
	},
]