lucid-ui
Version:
A UI component library from AppNexus.
55 lines • 1.36 kB
JavaScript
import _map from "lodash/map";
import React from 'react';
import createClass from 'create-react-class';
import { LineChart, Legend, chartConstants } from '../../../index';
var data = [{
x: new Date('2015-01-01T00:00:00-08:00'),
apples: 2,
oranges: 3,
pears: 1
}, {
x: new Date('2015-01-02T00:00:00-08:00'),
apples: 2,
oranges: 5,
pears: 6
}, {
x: new Date('2015-01-03T00:00:00-08:00'),
apples: 3,
oranges: 2,
pears: 4
}, {
x: new Date('2015-01-04T00:00:00-08:00'),
apples: 5,
oranges: 6,
pears: 1
}];
var yAxisFields = ['apples', 'oranges', 'pears'];
var palette = chartConstants.PALETTE_MONOCHROME_2_5;
var style = {
paddingTop: '8rem'
};
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", {
style: style
}, /*#__PURE__*/React.createElement(LineChart, {
data: data,
yAxisFields: yAxisFields,
yAxisTitle: "Fruit Count",
palette: palette,
width: 800
}), /*#__PURE__*/React.createElement(Legend, {
style: {
verticalAlign: 'top'
}
}, _map(yAxisFields, function (field, i) {
return /*#__PURE__*/React.createElement(Legend.Item, {
key: field,
hasPoint: true,
hasLine: true,
color: palette[i % palette.length],
pointKind: i
}, field);
})));
}
});