lucid-ui
Version:
A UI component library from AppNexus.
28 lines • 1.62 kB
JavaScript
"use strict";
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: 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 = index_1.chartConstants.PALETTE_MONOCHROME_2_5;
var style = {
paddingTop: '8rem',
};
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", { style: style },
react_1.default.createElement(index_1.LineChart, { data: data, yAxisFields: yAxisFields, yAxisTitle: 'Fruit Count', palette: palette, width: 800 }),
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, hasLine: true, color: palette[i % palette.length], pointKind: i }, field)); }))));
},
});
//# sourceMappingURL=04.multi-with-legend.js.map