UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

29 lines 1.25 kB
"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: 'Leslie', y: 80 }, { x: 'Tom', y: 20 }, { x: 'Ron', y: 10 }, { x: 'Ann', y: 30 }, ]; var palette = index_1.chartConstants.PALETTE_7; var style = { display: 'flex', alignItems: 'center', paddingTop: '4rem', }; exports.default = create_react_class_1.default({ render: function () { return (react_1.default.createElement("div", { style: style }, react_1.default.createElement(index_1.PieChart, { data: data, palette: palette }), react_1.default.createElement(index_1.Legend, null, lodash_1.default.map(data, function (d, index) { return (react_1.default.createElement(index_1.Legend.Item, { key: index, color: palette[index % palette.length], hasPoint: true, pointKind: 1 }, d.x)); })))); }, }); //# sourceMappingURL=03.legend.js.map