Pie

饼图。

使用

  1. <m-pie id="myPie" width="600" height="300" 
  2.   data="{
  3.     labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
  4.     datasets: [{
  5.       label: '# of Votes',
  6.       data: [12, 19, 3, 5, 2, 3],
  7.       backgroundColor: [
  8.         'rgba(255,99,132,1)',
  9.         'rgba(54, 162, 235, 1)',
  10.         'rgba(255, 206, 86, 1)',
  11.         'rgba(75, 192, 192, 1)',
  12.         'rgba(153, 102, 255, 1)',
  13.         'rgba(255, 159, 64, 1)'
  14.       ],
  15.       borderColor: 'white',
  16.       borderWidth: 1
  17.     }]
  18.   }"
  20.   options="{
  21.     responsive: true,
  22.     legend: {
  23.       position: 'top'
  24.     },
  25.     title: {
  26.       display: true,
  27.       text: 'Omim Pie Chart'
  28.     },
  29.     animation: {
  30.       animateScale: true,
  31.       animateRotate: true
  32.     }
  33.   }">
  34. </m-pie>

API

Props

  1. {
  2.   data: object,
  3.   options: object,
  4.   width: number,
  5.   height: number
  6. }