fixing issue with lineWithFocusChart.js

examples/bullet.html

@@ -14,7 +14,7 @@ body {
 
 <div class="gallery" id="chart"></div>
 
-<script src="../lib/d3.v2.js"></script>
+<script src="../lib/d3.v3.js"></script>
 <script src="../nv.d3.js"></script>
 <script src="../src/models/bullet.js"></script>
 <script>

examples/bulletChart.html

@@ -14,7 +14,7 @@ body {
 
 <div class="gallery" id="chart"></div>
 
-<script src="../lib/d3.v2.js"></script>
+<script src="../lib/d3.v3.js"></script>
 <script src="../nv.d3.js"></script>
 <script src="../src/models/bullet.js"></script>
 <script src="../src/models/bulletChart.js"></script>

examples/crossfilter.html

@@ -36,7 +36,7 @@ svg {
     <svg style="height: 500px;"></svg>
   </div>
 
-<script src="../lib/d3.v2.js"></script>
+<script src="../lib/d3.v3.js"></script>
 <script src="../lib/crossfilter.js"></script>
 <script src="../nv.d3.js"></script>
 <script src="../src/tooltip.js"></script>

examples/crossfilterWithDimentions.html

@@ -36,7 +36,7 @@ svg {
     <svg style="height: 500px;"></svg>
   </div>
 
-<script src="../lib/d3.v2.js"></script>
+<script src="../lib/d3.v3.js"></script>
 <script src="../lib/crossfilter.js"></script>
 <script src="../nv.d3.js"></script>
 <script src="../src/tooltip.js"></script>

src/models/lineWithFocusChart.js

@@ -87,7 +87,7 @@ nv.models.lineWithFocusChart = function() {
                              - margin.top - margin.bottom - height2,
           availableHeight2 = height2 - margin2.top - margin2.bottom;
 
-      chart.update = function() { chart(selection) };
+      chart.update = function() { selection.transition().call(chart) };
       chart.container = this;