UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

57 lines 1.45 kB
/* eslint-disable comma-spacing */ import React from 'react'; import createClass from 'create-react-class'; import { PieChart, chartConstants } from '../../../index'; var data = [{ x: 'Leslie', y: 60 }, { x: 'Ron', y: 40 }, { x: 'Tom', y: 30 }, { x: 'Gary', y: 20 }, { x: 'Ben', y: 15 }]; var style = { paddingTop: '4rem' }; export default createClass({ render: function render() { return /*#__PURE__*/React.createElement("div", { style: style }, /*#__PURE__*/React.createElement(PieChart, { data: data, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_0_5, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_1_5, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_2_5, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_3_5, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_4_5, isDonut: true }), /*#__PURE__*/React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_5_5, isDonut: true })); } });