From 1521f1d3f410fa86301a1b19c8353b95cd0fee0d Mon Sep 17 00:00:00 2001
From: Remi Planel <rplanel@pasteur.fr>
Date: Tue, 4 Jun 2019 13:37:24 +0200
Subject: [PATCH] Put genome browser in a svg group
---
src/scripts/component/genome-browser.ts | 13 ++++++-------
src/scripts/main-genome-browser.ts | 8 +++++---
2 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/src/scripts/component/genome-browser.ts b/src/scripts/component/genome-browser.ts
index d74a404..8a50a29 100644
--- a/src/scripts/component/genome-browser.ts
+++ b/src/scripts/component/genome-browser.ts
@@ -17,24 +17,23 @@ export default function () {
const selectedChromosomeComponent = SelectedChromosome();
let width = 900;
- let genomesBrowserU: Selection<SVGElement, GenomeBrowserData, SVGElement, any> | null = null;
+ let genomesBrowserU: Selection<SVGGElement, GenomeBrowserData, SVGElement, any> | null = null;
+
function genomeBrowser(
- _selection: Selection<SVGElement, Array<GenomeBrowserData>, HTMLElement, any>,
- w: number,
- height: number
+ _selection: Selection<SVGGElement, Array<GenomeBrowserData>, HTMLElement, any>
) {
- width = w;
+ // width = w;
_selection.each(function (_data: Array<GenomeBrowserData>) {
const container = select(this);
const genomeBrowser = container
- .selectAll<SVGElement, GenomeBrowserData>(".genome-browser")
+ .selectAll<SVGGElement, GenomeBrowserData>(".genome-browser")
.data(_data);
//ENTER
const genomeBrowserE = genomeBrowser
.enter()
- .append<SVGElement>("g")
+ .append<SVGGElement>("g")
.classed("genome-browser", true);
genomeBrowserE.append("g").classed(classes.chromosomeRuler, true);
diff --git a/src/scripts/main-genome-browser.ts b/src/scripts/main-genome-browser.ts
index 8df5813..9ac76ba 100644
--- a/src/scripts/main-genome-browser.ts
+++ b/src/scripts/main-genome-browser.ts
@@ -90,9 +90,11 @@ const state: State = {
}
-const svg = select<SVGElement, any>("svg")
+const genomeBrowsers = select<SVGElement, any>("svg")
.attr("width", width + 1)
- .attr("height", height);
+ .attr("height", height)
+ .append<SVGGElement>("g")
+ .classed("genome-browsers", true);
draw();
@@ -114,7 +116,7 @@ function draw() {
//
const computedGenomeBrowserData: GenomeBrowserData =
getGenomeBrowserData(state);
- svg
+ genomeBrowsers
.datum([computedGenomeBrowserData])
.call(genomeBrowserComponent, width, height);
--
GitLab