test.html

<script type="text/javascript" src="http://dygraphs.com/dygraph-combined.js"></script>
<script type="text/javascript" src="https://jakehosen.github.io/ms/synchronizer.js"></script>


<style type="text/css">


#set_range {
	float:left;
	width:900px;
	height:100px;
	}
#wrap {
	clear:both;
	width:600px;
	margin:0 auto;
	}
#left_col {
	float:left;
	display:inline-block;
	width:33%;
	}
#right_col {
	display:inline-block;
	width:33%;
	}
#center_col {
	float:right;
	display:inline-block;
	width:33%;
	}
	
</style>



      <input type="checkbox" id="chk-sync" onchange="update()"><label for="chk-sync">Sync</label>

<div id="g1a" style="width:825px; height:225px;"></div>
<div id="g2a" style="width:825px; height:225px;"></div>
<div id="g3a" style="width:825px; height:250px;"></div>


<script type='text/javascript'>
var sync;
var gs;

window.update = function() {
    var chk = document.getElementById('chk-sync').checked;
    
    if(chk) {
        sync = Dygraph.synchronize(gs,{range:false});
    }
    else {
        sync.detach();
	    for (i = 0; i < 3; ++i) {
			gs[i].updateOptions({
                dateWindow: null,
			    valueRange: null
		    });
        }	
    }
}

function data(mul, shift) {
    var arr = [];
    
    for (var i = 1; i <= 31; i++) {
        arr.push([new Date('2015/01/' + i), Math.sin(i * mul) + shift]);
    }
    
    return arr;
}

gs = [
    new Dygraph(document.getElementById("g1a"), "ebra_201505_201509.csv", {visibility:[true,true,true,true,true,true,true,true,true], drawXGrid:false, drawYGrid:false, drawPoints:true, strokeWidth:0, pointSize:1.75}),
    new Dygraph(document.getElementById("g2a"), "ebra_201505_201509.csv",{visibility:[true,true,true,true,true,true,true,true,true], drawXGrid:false, drawYGrid:false, drawPoints:true, strokeWidth:0, pointSize:1.75}),
    new Dygraph(document.getElementById("g3a"), "ebra_201505_201509.csv",{visibility:[true,true,true,true,true,true,true,true,true], drawXGrid:false, drawYGrid:false, drawPoints:true, strokeWidth:0, pointSize:1.75, showRangeSelector:true, interactionModel:Dygraph.defaultInteractionModel})
];

</script>