[4.2.0 beta] Chart Navigation setZoom hides chart
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:
DOCTYPE tested against:
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:
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>