lucid-ui
Version:
A UI component library from AppNexus.
35 lines • 1.62 kB
JavaScript
"use strict";
/* eslint-disable comma-spacing */
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../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 = index_1.chartConstants.PALETTE_7;
var style = {
paddingTop: '10rem',
};
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", { style: style },
react_1.default.createElement(index_1.BarChart, { width: 750, data: data, yAxisFields: yAxisFields, yAxisMin: 0, yAxisTitle: 'Fruit Count', palette: palette }),
react_1.default.createElement(index_1.Legend, { style: { verticalAlign: 'top' } }, lodash_1.default.map(yAxisFields, function (field, i) { return (react_1.default.createElement(index_1.Legend.Item, { key: field, hasPoint: true, color: palette[i % palette.length] }, field)); }))));
},
});
//# sourceMappingURL=04.grouped-with-legend.js.map