lucid-ui
Version:
A UI component library from AppNexus.
24 lines (23 loc) • 813 B
JavaScript
import _ from 'lodash';
import React from 'react';
import createClass from 'create-react-class';
import { PieChart, Legend, chartConstants } from '../../../index';
const data = [
{ x: 'Leslie', y: 80 },
{ x: 'Tom', y: 20 },
{ x: 'Ron', y: 10 },
{ x: 'Ann', y: 30 },
];
const palette = chartConstants.PALETTE_7;
const style = {
display: 'flex',
alignItems: 'center',
paddingTop: '4rem',
};
export default createClass({
render() {
return (React.createElement("div", { style: style },
React.createElement(PieChart, { data: data, palette: palette }),
React.createElement(Legend, null, _.map(data, (d, index) => (React.createElement(Legend.Item, { key: index, color: palette[index % palette.length], hasPoint: true, pointKind: 1 }, d.x))))));
},
});