Angular PrimeNG Chart Complete Reference

Angular PrimeNG Chart Component facilitates the various chart designs that depict the data in different graphical representations. It is open open-source HTML5-based charting library.

The complete list of Chart Components is listed below with their brief description:

ChartModel Component

The ChartModel provides different types of properties that help us to customize the charts in Angular.

Components	Descriptions
ChartModel Charts.js	Chart.js is an HTML5-based charting library that is widely used to create static as well as dynamic charts such as bar graphs, pie charts, line graphs, etc.
ChartModel Change Detection	The ChartModel Change Detection redraws the chart when a new data object is created.
ChartModel Properties	The ChartModel Properties are used to modify the component and display according to the design of the website.
ChartModel Methods	The methods are used to perform some actions on the component and change its appearance or functionality.
ChartModel Chart Types	The ChartModel Types has six different types of charts: pie, doughnut, line(line or horizontalBar), bar, radar, and polarArea.
ChartModel Data	The data of a chart is provided using a binding to the data property, each type has its own format of data
ChartModel Options	The general chart options are defined with options property.
ChartModel Events	The ChartModel Events are called when some action is being performed on the component, appropriate action can be taken.
ChartModel Responsive	The ChartModel responsive is used to make the charts responsive based on screen sizes.

BarChart Component

A Bar Chart or bar graph is a chart representing Grouped data in a rectangular bar form having lengths that are proportional to the values that they represent.

Components	Description
BarChart Vertical	In the Bar chart vertical, datasets are represented in a vertical orientation.
BarChart Horizontal	In the Bar chart Horizontal, datasets are represented in Horizontal orientation.
BarChart Multi Axis	In Multi Axis BarChart, dataSets can be assigned a customized axis using the property AxisID.
BarChart Stacked	This can be done by setting stacked=”true” in options.

Doughnut Chart Component

A Doughnut chart is an advanced variation of a pie chart. The Donut chart demonstrates the proportions of categorical data, with the size of each piece representing the proportion of each category. A donut chart is created using a string field and a count of features, numbers, or rate/ratio fields.

Line Chart Component

A LineChart or line graph is a type of chart used to display information as a series of data points that act as a dataset called markers connected with lines. The line chart can be modified to save single axes or multiple axes.

Components	Descriptions
Line Chart Multi Axis	In Line Chart Multi-Axis, we can define customized axes for each dataset.
Line Chart Line Styles	A line chart or line graph is a type of chart that displays information as a series of data points called ‘markers’ connected by straight line segments.

Polar Area Chart Component

The Polar Area chart is another version of a pie chart, except sections are in equal angel and differ rather in how far sections expand from the center of the circle on the basis of entered data, we use a polar area diagram to plot cyclic phenomena (e.g., count of deaths by month).

Pie Chart Component

The PieChart is a technique that is used to represent data in a circular-shaped graph, & used to represent simple data in which points belong to a combination of various categories. Each category is represented as a “slice of the pie.” The size of the slice is directly proportional value of the point that belongs to a particular category.

Radar Chart Component

A Radar Chart illustrates the multivariate data of three or more quantitative variables that are mapped onto an axis. 

Combo Chart Component

A Combo Chart Component is a combination chart that compares data in a few different categories over a period of time. we generally use two or three types of charts combined together to show a relationship between data points. In particular, a bar chart and a line chart are used together.