lucid-ui
Version:
A UI component library from AppNexus.
46 lines • 2.12 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 margin = { top: 10, right: 10, bottom: 10, left: 10 };
var innerWidth = width - margin.left - margin.right;
var innerHeight = height - margin.top - margin.bottom;
var data = [
{ x: 'one', y0: 4, y1: 5, y2: 6, y3: 7 },
{ x: 'two', y0: 3, y1: 4, y2: 5, y3: 6 },
{ x: 'three', y0: 2, y1: 3, y2: 4, y3: 5 },
{ x: 'four', y0: 1, y1: 2, y2: 3, y3: 4 },
{ x: 'five', y0: 2, y1: 3, y2: 4, y3: 5 },
{ x: 'six', y0: 3, y1: 4, y2: 5, y3: 6 },
{ x: 'seven', y0: 4, y1: 5, y2: 6, y3: 7 },
];
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, innerWidth]);
var yScale = index_1.d3Scale.scaleLinear().domain([0, yMax]).range([innerHeight, 0]);
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("svg", { width: width, height: height },
react_1.default.createElement("g", { transform: "translate(" + margin.left + ", " + margin.top + ")" },
react_1.default.createElement(index_1.Points, { 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