Pie Chart

  • bin 1
  • bin 2
  • bin 3 with a long name
  • bin 4
  • bin 5
  • bin 6
  • bin 7

JSX
<PieChart
  colorScheme={[
    '#a9a9a9',
    '#D7263D',
    '#00a97b',
    '#e6e6e6',
    '#227839',
    '#008762',
    '#7d5d2e',
    '#888888',
    '#FBD7D9',
    '#56b4bf',
    '#007656',
    '#FF7101',
    '#ff8d33',
    '#F9C80E',
    '#ff7101',
    '#cc5a00',
    '#77c3cb',
    '#cccccc',
    '#33ba95',
    '#449098',
    '#d7263d',
    '#c5e5e9',
    '#dbdbdb',
    '#cdcdcd',
    '#f9c80e'
  ]}
  data={{
    bins: [
      'bin 1',
      'bin 2',
      'bin 3 with a long name',
      'bin 4',
      'bin 5',
      'bin 6',
      'bin 7'
    ],
    counts: [
      {
        borderColors: [
          'red'
        ],
        data: [
          1,
          2,
          3,
          4,
          5,
          6,
          7
        ],
        label: 'Data 1'
      }
    ],
    title: 'Plot 1'
  }}
  donutWidth={0}
  height={200}
  labels={{
    display: false,
    displayFn: function noRefCheck() {}
  }}
  visible={{}}
  width={300}
/>
BinData 1
bin 11
bin 22
bin 3 with a long name3
bin 44
bin 55
bin 66
bin 77