@@ -634,12 +634,15 @@ <h5 class="mb-0">
634
634
//~ $('#col-left').addClass('col-6');
635
635
document . getElementById ( 'spectra-viz' ) . style . display = 'block' ;
636
636
var margin = { top : 10 , right : 30 , bottom : 30 , left : 60 } ,
637
- width = 860 - margin . left - margin . right ,
637
+ width = 1000 - margin . left - margin . right ,
638
638
height = 500 - margin . top - margin . bottom ;
639
639
var svg = d3 . select ( '#spectra-viz' )
640
640
. append ( 'svg' )
641
- . attr ( 'width' , width + margin . left + margin . right )
642
- . attr ( 'height' , height + margin . top + margin . bottom )
641
+ . attr ( 'width' , width + margin . left + margin . right )
642
+ . attr ( 'height' , height + margin . top + margin . bottom )
643
+ . call ( d3 . zoom ( ) . on ( 'zoom' , function ( event , d ) {
644
+ svg . attr ( 'transform' , event . transform )
645
+ } ) )
643
646
. append ( 'g' )
644
647
. attr ( 'transform' ,
645
648
'translate(' + margin . left + ',' + margin . top + ')' ) ;
@@ -707,7 +710,7 @@ <h5 class="mb-0">
707
710
. attr ( 'width' , 0.5 ) ;
708
711
// mirror original x, for matching
709
712
for ( var i in p1 ) {
710
- var x = Math . round ( parseFloat ( p1 [ i ] ) * 100 ) / 100 ; // Keeps two digits
713
+ var x = Math . round ( parseFloat ( p1 [ i ] ) ) ; // / 1 ; // zero digit
711
714
mirror . x_peaks [ x ] = true ;
712
715
}
713
716
//~ svg.append("path")
@@ -766,7 +769,7 @@ <h5 class="mb-0">
766
769
g . selectAll ( '*' ) . remove ( ) ;
767
770
768
771
var color = function ( x ) {
769
- x = Math . round ( parseFloat ( x ) * 100 ) / 100 ;
772
+ x = Math . round ( parseFloat ( x ) ) ; // / 1; // zero digit
770
773
return ( mirror . x_peaks [ x ] ) ? '#0000ff' : '#000000' ;
771
774
}
772
775
//allStrains.push(dx.strain.trim().replace(/\s/g, ''));
0 commit comments