lucid-ui
Version:
A UI component library from AppNexus.
47 lines • 1.96 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 width = 750;
var height = 400;
var data = [
{ x: 'one', y0: 1, y1: 2, y2: 3, y3: 5 },
{ x: 'two', y0: 2, y1: 3, y2: 4, y3: 6 },
{ x: 'three', y0: 2, y1: 4, y2: 5, y3: 6 },
{ x: 'four', y0: 3, y1: 6, y2: 7, y3: 7 },
{ x: 'five', y0: 4, y1: 8, y2: 9, y3: 8 },
{ x: 'six', y0: 11, y1: 8, y2: 9, y3: 5 },
];
var yFields = ['y0', 'y1', 'y2', 'y3'];
var yMax = lodash_1.default.max(lodash_1.default.reduce(yFields, function (acc, field) {
return acc.concat(lodash_1.default.map(data, field));
}, []));
var xScale = index_1.d3Scale
.scaleBand()
.domain(lodash_1.default.map(data, 'x'))
.range([0, width])
.round(true)
.paddingInner(0.1);
var yScale = index_1.d3Scale
.scaleLinear()
.domain([0, yMax])
.range([height, 0]);
var style = {
paddingTop: '9rem',
};
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", { style: style },
react_1.default.createElement("svg", { width: width, height: height },
react_1.default.createElement(index_1.Bars, { data: data, xScale: xScale, yScale: yScale, yFields: yFields, hasToolTips: true })),
react_1.default.createElement("svg", { width: width, height: height },
react_1.default.createElement(index_1.Bars, { data: data, xScale: xScale, yScale: yScale, yFields: yFields, isStacked: true, hasToolTips: true }))));
},
});
//# sourceMappingURL=01.basic.js.map