lucid-ui
Version:
A UI component library from AppNexus.
55 lines • 1.27 kB
JavaScript
import _map from "lodash/map";
import React from 'react';
import createClass from 'create-react-class';
import { BarChart, Legend, chartConstants } from '../../../index';
var data = [{
x: 'Monday',
apples: 10,
pears: 20,
peaches: 35,
bananas: 15,
oranges: 5
}, {
x: 'Tuesday',
apples: 20,
pears: 5,
peaches: 20,
bananas: 25,
oranges: 27
}, {
x: 'Wednesday',
apples: 5,
pears: 15,
peaches: 5,
bananas: 20,
oranges: 35
}];
var yAxisFields = ['apples', 'pears', 'peaches', 'bananas', 'oranges'];
var palette = chartConstants.PALETTE_7;
var style = {
paddingTop: '10rem'
};
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", {
style: style
}, /*#__PURE__*/React.createElement(BarChart, {
width: 750,
data: data,
yAxisFields: yAxisFields,
yAxisMin: 0,
yAxisTitle: "Fruit Count",
palette: palette
}), /*#__PURE__*/React.createElement(Legend, {
style: {
verticalAlign: 'top'
}
}, _map(yAxisFields, function (field, i) {
return /*#__PURE__*/React.createElement(Legend.Item, {
key: field,
hasPoint: true,
color: palette[i % palette.length]
}, field);
})));
}
});