diff --git a/src/scripts/component/genome-browser.ts b/src/scripts/component/genome-browser.ts index d74a404c47271602f7275e2bfac45e6e68a2736c..8a50a290e16267a37f713fa83cb824a04a79b69f 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 | null = null; + let genomesBrowserU: Selection | null = null; + function genomeBrowser( - _selection: Selection, HTMLElement, any>, - w: number, - height: number + _selection: Selection, HTMLElement, any> ) { - width = w; + // width = w; _selection.each(function (_data: Array) { const container = select(this); const genomeBrowser = container - .selectAll(".genome-browser") + .selectAll(".genome-browser") .data(_data); //ENTER const genomeBrowserE = genomeBrowser .enter() - .append("g") + .append("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 8df58133c40af771b4a89d3a4d5e2a477f2a5604..9ac76bafa114ff8a4c4a0ade824c1a1fbb7cdd04 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("svg") +const genomeBrowsers = select("svg") .attr("width", width + 1) - .attr("height", height); + .attr("height", height) + .append("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);