[4.2.0 beta] Chart mask doesn't appear
REQUIRED INFORMATION
Ext version tested: Browser versions tested against: DOCTYPE tested against: Description: - Chart mask doesn't appear. Actually, it is discussed in the comments here. A workaround is setting up "enableMask: true" for the Chart as well as "mask: true". But "mask: true" should be enough, isn't?
Steps to reproduce the problem: - Hold the mouse left button and drag
The result that was expected: - A masking/selection box appear
The result that occurs instead: - A masking/selection box doesn't appear
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
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
}]
}
});
});
</script>
</head>
<body>
</body>
</html>
