Angular PrimeNG Chart Complete Reference
Last Updated :
27 Sep, 2023
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.
Share your thoughts in the comments
Please Login to comment...