mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-19 19:08:11 +08:00
44 lines
1007 B
JavaScript
44 lines
1007 B
JavaScript
// jshint esversion: 6
|
|
import styles from "./graph.css";
|
|
import _ from "lodash";
|
|
import * as globals from "../../globals";
|
|
|
|
/******************************************
|
|
*******************************************
|
|
put svg & brush in DOM
|
|
*******************************************
|
|
******************************************/
|
|
|
|
export const setupSVGandBrushElements = (
|
|
handleBrushSelectAction,
|
|
handleBrushDeselectAction,
|
|
responsive,
|
|
graphPaddingTop
|
|
) => {
|
|
const side = responsive.height - graphPaddingTop;
|
|
const svg = d3
|
|
.select("#graphAttachPoint")
|
|
.append("svg")
|
|
.attr("width", side)
|
|
.attr("height", side)
|
|
.attr("class", `${styles.graphSVG}`);
|
|
|
|
svg.append("g").call(
|
|
d3
|
|
.brush()
|
|
.extent([
|
|
[0, 0],
|
|
[
|
|
responsive.height - graphPaddingTop,
|
|
responsive.height - graphPaddingTop
|
|
]
|
|
])
|
|
.on("brush", handleBrushSelectAction)
|
|
.on("end", handleBrushDeselectAction)
|
|
);
|
|
|
|
return {
|
|
svg
|
|
};
|
|
};
|