[4.2.0 beta] Chart Navigation setZoom hides chart

**Daniil** · 3 Jan 2013 2:31 AM

REQUIRED INFORMATION

Ext version tested:

Ext 4.2.0 beta

Browser versions tested against:

Chrome
IE9

DOCTYPE tested against:

<!DOCTYPE html>

Description:

Chart Navigation zooming (setZoom) hides the chart.
In a case wtih LineSeries it hides the line, but the markers stays
In a case with ColumnSeries it hides columns

Steps to reproduce the problem:

Zoom a piece of the chart with the line and the marker

The result that was expected:

The marker and the line stays

The result that occurs instead:

The line disappear

Test Case:

Code:

<!DOCTYPE html>
<html>
<head>
    <title>Chart mask doesn't appear</title>

    <link rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script src="../ext-all-debug.js"></script>

    <script>
        Ext.onReady(function () {
            Ext.create("Ext.chart.Chart", {
                renderTo: Ext.getBody(),
                height: 400,
                width: 400,
                mask: true,
                enableMask: true, // workaround to get "mask: true" working - http://www.sencha.com/forum/showthread.php?252868
                axes: [{
                    position: "bottom",
                    title: "X",
                    fields: ["x"],
                    type: "Numeric"
                }, {
                    position: "left",
                    title: "Y",
                    fields: ["y"],
                    type: "Numeric"
                }],
                series: [{
                    title: "Chart",
                    xField: "x",
                    yField: "y",
                    type: "line"
                }],
                store: {
                    fields: [{
                        name: "x"
                    }, {
                        name: "y"
                    }],
                    data: [{
                        x: 0,
                        y: 0
                    }, {
                        x: 50,
                        y: 50
                    }, {
                        x: 100,
                        y: 100
                    }]
                },
                listeners: {
                    select: {
                        fn: function (chart, selection) {
                            chart.setZoom(selection);
                            chart.mask.hide();
                        }
                    }
                }
            });
        });
    </script>
</head>
<body>

</body>
</html>

**mitchellsimoens** · 3 Jan 2013 7:57 AM

Thanks for the report! I have opened a bug in our bug tracker.

**sblommers** · 4 Mar 2013 6:31 AM

What i have seen here is that it bounds to 1 x 1 so the setZoom calc is not correct.

[4.2.0 beta] Chart Navigation setZoom hides chart

Thread Tools

Search Thread

Display

[4.2.0 beta] Chart Navigation setZoom hides chart

[4.2.0 beta] Chart Navigation setZoom hides chart