BarChartA bar chart or bar graph is a chart that presents Grouped data with rectangular bars with lengths proportional to the values that they represent.

Bar - 图1

View on GitHub

  • barchartdemo.ts
  • barchartdemo.html

    barchartdemo.ts

  2. export class BarChartDemo {
  4.     data: any;
  6.     constructor() {
  7.         this.data = {
  8.             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  9.             datasets: [
  10.                 {
  11.                     label: 'My First dataset',
  12.                     backgroundColor: '#42A5F5',
  13.                     borderColor: '#1E88E5',
  14.                     data: [65, 59, 80, 81, 56, 55, 40]
  15.                 },
  16.                 {
  17.                     label: 'My Second dataset',
  18.                     backgroundColor: '#9CCC65',
  19.                     borderColor: '#7CB342',
  20.                     data: [28, 48, 40, 19, 86, 27, 90]
  21.                 }
  22.             ]
  23.         }
  24.     }
  25. }
  26.  

barchartdemo.html

  2. <p-chart type="bar" [data]="data"></p-chart>
  3.