From 5e0a1c8053b19ea735db413d198669f7413f27ec Mon Sep 17 00:00:00 2001 From: Remi PLANEL <rplanel@pasteur.fr> Date: Tue, 24 Oct 2023 09:07:23 +0200 Subject: [PATCH] change coordinate for one gene --- pages/gb.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/pages/gb.vue b/pages/gb.vue index b9d896e8..a387868d 100644 --- a/pages/gb.vue +++ b/pages/gb.vue @@ -7,7 +7,7 @@ const height = ref(150) const color = d3.scaleOrdinal([-1, 1], d3.schemeSet1); const data = ref([ { start: 20, end: 30, strand: 1, name: "toto" }, - { start: 40, end: 55, strand: -1, name: "tata moins" }, + { start: 40, end: 80, strand: -1, name: "tata moins" }, { start: 38, end: 59, strand: 1, name: "tata plus" }, { start: 65, end: 95, strand: 1, name: "foo" } ]) @@ -120,7 +120,8 @@ function drawGenes(genesSelection) { .classed("gene", true); g.append("path") g.append("text") - .attr("fill", "white") + // .attr("fill", "white") + .attr("fill", "currentColor") .attr("dominant-baseline", "middle") g.append("title") }, @@ -182,7 +183,7 @@ watchEffect(() => { </script> <template> <div ref="gbContainer"> - <v-card title="Text d3 genome browser"> + <v-card title="D3 GB"> <svg ref="svgRef" :width="computedWidth" :height="height"> <g class="x-axis" /> </svg> -- GitLab