Data representation with line and bar charts

A line chart or line graph is a type of chart which displays the information as a series of data points called markers connected by straight line segments. A line chart is often used to visualize the real-time data in regular time intervals or time series.

A basic example of line chart usage regarding the Prime libraries downloads would be as follows:

<p-chart type="line" [data]="linedata" width="300" height="100">
</p-chart>

The component class should define a line chart data, in which one refers to the PrimeNG series and the other one refers to the PrimeUI series over the past year, as shown here:

this.linedata = {
  labels: ['January', 'February', 'March', 'April', 'May', 
    'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    datasets: [
    {
      label: 'PrimeNG',
      backgroundColor: '#ffb870',
      borderColor: '#cc4e0e',
      data: [13, 22, 15, 38, 41, 42, 25, 53, 53, 63, 77, 93]
     },
     {
      label: 'PrimeUI...