lucid-ui
Version:
A UI component library from AppNexus.
27 lines (26 loc) • 1.28 kB
JavaScript
/* eslint-disable comma-spacing */
import React from 'react';
import createClass from 'create-react-class';
import { PieChart, chartConstants } from '../../../index';
const data = [
{ x: 'Leslie', y: 60 },
{ x: 'Ron', y: 40 },
{ x: 'Tom', y: 30 },
{ x: 'Gary', y: 20 },
{ x: 'Ben', y: 15 },
];
const style = {
paddingTop: '4rem',
};
export default createClass({
render() {
return (React.createElement("div", { style: style },
React.createElement(PieChart, { data: data, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_0_5, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_1_5, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_2_5, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_3_5, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_4_5, isDonut: true }),
React.createElement(PieChart, { data: data, palette: chartConstants.PALETTE_MONOCHROME_5_5, isDonut: true })));
},
});