var quicktest = function(svg, data, Plottable){

        var dataseries = data[0].slice(0, 20);
        var dataseries_top = data[1].slice(0, 20);
        for (var i = 0; i < 20; ++i) {
          dataseries_top[i].x = dataseries[i].x;
          dataseries_top[i].y += dataseries[i].y;
        }

        var xScale = new Plottable.Scale.Linear();
        var xAxis = new Plottable.Axis.XAxis(xScale, "bottom");

        var yScale = new Plottable.Scale.Linear();
        var yAxis = new Plottable.Axis.YAxis(yScale, "left");

        var y0Accessor = function(d, i) { return dataseries[i].y; }

        var renderAreaD1 = new Plottable.Plot.Area(dataseries, xScale, yScale);
        var renderAreaD2 = new Plottable.Plot.Area(dataseries_top, xScale, yScale, "x", "y", y0Accessor);

        var fillAccessor = function() { return "steelblue"; }
        var fillAccessorTop = function() { return "pink"; }
        renderAreaD1.project("fill", fillAccessor)
        renderAreaD2.project("fill", fillAccessorTop)

        var gridlines = new Plottable.Component.Gridlines(xScale, yScale);
        var renderGroup = new Plottable.Component.Group([gridlines, renderAreaD1, renderAreaD2]);

        var chart = new Plottable.Template.StandardChart()
                        .center(renderGroup).xAxis(xAxis).yAxis(yAxis)
                        .renderTo(svg);

        window.x = new Plottable.Interaction.XDragBox(renderGroup).setupZoomCallback(xScale, null).registerWithComponent();

}
quicktest.quicktestName = "dragzoom_x";
quicktest.categories = ["area", "interaction"];
quicktests.push(quicktest)

@@ -1519,56 +1519,8 @@
 x%22;%0A
-quicktest.categories = %5B%22area%22, %22interaction%22%5D;%0A
 quic

Update interaction_dragzoomx.js