Zoom in CandleStick chart

HTML

<div id="chart"></div>

CSS

svg {
  font: 10px sans-serif;
}

.axis {
  shape-rendering: crispEdges;
}

.axis path, .axis line {
  fill: none;
  stroke-width: .5px;
}

.x.axis path {
  stroke: #000;
}

.x.axis line {
  stroke: #fff;
  stroke-opacity: .5;
}

.y.axis line {
  stroke: #ddd;
}

path.line {
  fill: none;
  stroke: #000;
  stroke-width: .5px;
}

rect.boundary {
  fill: none;
  pointer-events: all;
}

JavaScript

var margin = 30;
var width = 500;
var height = 200;
var data = 
[{"time":1365532200000,"close":5.65,"high":5.95,"low":5.3,"open":5.3,"stock_id":2},{"time":1365618600000,"close":5.6,"high":5.8,"low":5.55,"open":5.6,"stock_id":2},{"time":1365705000000,"close":5.55,"high":5.65,"low":5.45,"open":5.6,"stock_id":2},{"time":1365964200000,"close":5.75,"high":5.85,"low":5.4,"open":5.4,"stock_id":2},{"time":1366050600000,"close":5.65,"high":5.8,"low":5.6,"open":5.75,"stock_id":2},{"time":1366137000000,"close":5.7,"high":5.9,"low":5.6,"open":5.9,"stock_id":2},{"time":1366223400000,"close":5.65,"high":5.75,"low":5.6,"open":5.6,"stock_id":2},{"time":1366569000000,"close":5.9,"high":5.95,"low":5.7,"open":5.75,"stock_id":2},{"time":1366655400000,"close":5.75,"high":6,"low":5.7,"open":5.9,"stock_id":2},{"time":1366828200000,"close":5.8,"high":6.05,"low":5.75,"open":5.95,"stock_id":2},{"time":1366914600000,"close":5.6,"high":5.95,"low":5.55,"open":5.95,"stock_id":2},{"time":1367173800000,"close":5.65,"high":5.7,"low":5.55,"open":5.55,"stock_id":2},{"time":1367260200000,"close":5.6,"high":5.8,"low":5.55,"open":5.65,"stock_id":2},{"time":1367433000000,"close":5.6,"high":5.7,"low":5.5,"open":5.5,"stock_id":2},{"time":1367519400000,"close":5.75,"high":5.9,"low":5.5,"open":5.5,"stock_id":2},{"time":1367778600000,"close":5.7,"high":6,"low":5.7,"open":6,"stock_id":2},{"time":1367865000000,"close":5.7,"high":5.8,"low":5.6,"open":5.8,"stock_id":2},{"time":1367951400000,"close":6,"high":6.25,"low":5.65,"open":5.9,"stock_id":2},{"time":1368037800000,"close":6.15,"high":6.6,"low":6.1,"open":6.2,"stock_id":2},{"time":1368124200000,"close":5.95,"high":6.3,"low":5.9,"open":6.1,"stock_id":2},{"time":1368210600000,"close":6.2,"high":6.3,"low":5.9,"open":5.9,"stock_id":2}]

var dateFormat = d3.time.format("%d%b");

function build_charts(data) {        
  var candleWidth = width / (data.length + 2);
  var chart = d3.select("#chart")
          .append("svg:svg")
          .attr("class", "chart")
   ...