lucid-ui
Version:
A UI component library from AppNexus.
39 lines • 1.82 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 = 1000;
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: 20, y1: 8, y2: 9, y3: 1 },
];
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.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, colorMap: {
y0: index_1.chartConstants.COLOR_BAD,
y1: index_1.chartConstants.COLOR_GOOD,
y2: '#ff8800',
y3: '#abc123',
} }))));
},
});
//# sourceMappingURL=custom-colors.js.map