diff --git a/pages/gb.vue b/pages/gb.vue index b9d896e864c7eeece193c1b41776c412f242ff1b..a387868d574545945df73c486b9ac91bc284e195 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>