X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..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 @@ +Ext.chart.Mask | Ext JS 4.0 Documentation +
For up to date documentation and features, visit +http://docs.sencha.com/ext-js/4-0

Sencha Documentation

+ + + + + +

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.

+
Defined By

Methods

 

 

+

Returns

  • void    +
\ No newline at end of file