lucid-ui
Version:
A UI component library from AppNexus.
28 lines • 1.56 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var margin = { right: 10, left: 30 };
var width = 400;
var height = 200;
var innerWidth = width - margin.right - margin.left;
var x = index_1.d3Scale
.scaleTime()
.domain([new Date('2015-01-01'), new Date('2017-02-01')])
.range([0, innerWidth]);
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 + ", 1)" },
react_1.default.createElement(index_1.Axis, { orient: 'bottom', scale: x })),
react_1.default.createElement("g", { transform: "translate(" + margin.left + ", " + (height / 3) * 1 + ")" },
react_1.default.createElement(index_1.Axis, { orient: 'bottom', scale: x, ticks: x.ticks(index_1.d3Time.timeMonth, 6) })),
react_1.default.createElement("g", { transform: "translate(" + margin.left + ", " + (height / 3) * 2 + ")" },
react_1.default.createElement(index_1.Axis, { orient: 'bottom', scale: x, ticks: x.ticks(index_1.d3Time.timeYear, 1) }))));
},
});
//# sourceMappingURL=6.time.js.map