PolarAreaChartPolar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.

PolarArea - 图1

View on GitHub

  • polarareachartdemo.ts
  • polarareachartdemo.html

    polarareachartdemo.ts

  2. export class PolarAreaChartDemo {
  4.     data: any;
  6.     constructor() {
  7.         this.data = {
  8.             datasets: [{
  9.                 data: [
  10.                     11,
  11.                     16,
  12.                     7,
  13.                     3,
  14.                     14
  15.                 ],
  16.                 backgroundColor: [
  17.                     "#FF6384",
  18.                     "#4BC0C0",
  19.                     "#FFCE56",
  20.                     "#E7E9ED",
  21.                     "#36A2EB"
  22.                 ],
  23.                 label: 'My dataset'
  24.             }],
  25.             labels: [
  26.                 "Red",
  27.                 "Green",
  28.                 "Yellow",
  29.                 "Grey",
  30.                 "Blue"
  31.             ]
  32.         }
  33.     }
  34. }
  35.  

polarareachartdemo.html

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