Contents

import React from 'react'
import { CircleChart } from '../../'

const dataWithColors = [
  {
    name: 'Waiting for Calls',
    value: 41,
  },
  {
    name: 'On Call',
    value: 49,
  },
  {
    name: 'After call',
    value: 10,
  },
]

const CircleChartColors = () => (
  <div>
    <CircleChart
        chartData={dataWithColors}
        colors={['data-6', 'data-4', 'data-2']}
        id="colors-example"
    />
  </div>
)

export default CircleChartColors

Version data entries

62 entries across 62 versions & 1 rubygems

Version	Path
playbook_ui-6.8.1	app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
playbook_ui-6.8.0	app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx