lucid-ui/dist/cjs/components/Lines/examples/basic.js

A UI component library from AppNexus.

"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 width = 800;
var height = 400;
var data = [
    { x: 'one', y0: 20, y1: 18, y2: 16, y3: 14, y4: 12, y5: 10, y6: 8 },
    { x: 'two', y0: 2, y1: 3, y2: 4, y3: 6, y4: 8, y5: 9, y6: 6 },
    { x: 'three', y0: 2, y1: 4, y2: 5, y3: 6, y4: 9, y5: 10, y6: 3 },
    { x: 'four', y0: 3, y1: 6, y2: 7, y3: 7, y4: 7, y5: 4, y6: 2 },
    { x: 'five', y0: 4, y1: 8, y2: 9, y3: 8, y4: 5, y5: 4, y6: 3 },
    { x: 'six', y0: 20, y1: 18, y2: 16, y3: 14, y4: 12, y5: 10, y6: 8 },
];
var yFields = ['y0', 'y1', 'y2', 'y3', 'y4', 'y5', 'y6'];
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.scalePoint().domain(lodash_1.default.map(data, 'x')).range([0, width]);
var yScale = index_1.d3Scale.scaleLinear().domain([0, yMax]).range([height, 0]);
exports.default = create_react_class_1.default({
    render: function () {
        return (react_1.default.createElement("div", null,
            react_1.default.createElement("svg", { width: width, height: height },
                react_1.default.createElement(index_1.Lines, { data: data, xScale: xScale, yScale: yScale, yFields: yFields })),
            react_1.default.createElement("svg", { width: width, height: height },
                react_1.default.createElement(index_1.Lines, { data: data, xScale: xScale, yScale: yScale, yFields: yFields, isStacked: true }))));
    },
});
//# sourceMappingURL=basic.js.map