Apply sub-base pixel offsets

hammerlab · Mar 3, 2015 · 6f06995 · 6f06995
1 parent 1304bea
commit 6f06995
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/GenomeTrack.js b/src/GenomeTrack.js
@@ -54,7 +54,7 @@ var NonEmptyGenomeTrack = React.createClass({
       originalScale = this.getScale();
     };
     var updateRange = () => {
-      var newStart = originalScale.invert(dx),
+      var newStart = originalScale.invert(-dx),
           intStart = Math.round(newStart),
           offsetPx = originalScale(newStart) - originalScale(intStart);
 
@@ -87,10 +87,11 @@ var NonEmptyGenomeTrack = React.createClass({
   getScale: function() {
     var div = this.getDOMNode(),
         range = this.props.range,
-        width = div.offsetWidth;
+        width = div.offsetWidth,
+        offsetPx = range.offsetPx || 0;
     var scale = d3.scale.linear()
             .domain([range.start, range.stop + 1])  // 1 bp wide
-            .range([0, width]);
+            .range([-offsetPx, width - offsetPx]);
     return scale;
   },
   componentDidUpdate: function(prevProps: any, prevState: any) {

diff --git a/src/main.js b/src/main.js
@@ -16,5 +16,8 @@ genome.getFeaturesInRange('chr22', 19178140, 19178170).then(basePairs => {
   }
 }).done();
 
+// pre-load some data to allow network-free panning
+genome.getFeaturesInRange('chr1', 123000, 124000).done();
+
 var root = React.render(<Root referenceSource={genome} />,
                         document.getElementById('root'));