X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/api/Ext.chart.Mask.html diff --git a/docs/api/Ext.chart.Mask.html b/docs/api/Ext.chart.Mask.html new file mode 100644 index 00000000..5e12f8e1 --- /dev/null +++ b/docs/api/Ext.chart.Mask.html @@ -0,0 +1,69 @@ +
Defines a mask for a chart's series. +The 'chart' member must be set prior to rendering.
+ +A Mask can be used to select a certain region in a chart.
+When enabled, the select
event will be triggered when a
+region is selected by the mask, allowing the user to perform
+other tasks like zooming on that region, etc.
In order to use the mask one has to set the Chart mask
option to
+true
, vertical
or horizontal
. Then a possible configuration for the
+listener could be:
items: {
+ xtype: 'chart',
+ animate: true,
+ store: store1,
+ mask: 'horizontal',
+ listeners: {
+ select: {
+ fn: function(me, selection) {
+ me.setZoom(selection);
+ me.mask.hide();
+ }
+ }
+ },
+
+
+In this example we zoom the chart to that particular region. You can also get
+a handle to a mask instance from the chart object. The chart.mask
element is a
+Ext.Panel
.