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