X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/api/Ext.chart.axis.Category.html?ds=sidebyside diff --git a/docs/api/Ext.chart.axis.Category.html b/docs/api/Ext.chart.axis.Category.html new file mode 100644 index 00000000..3814bbbe --- /dev/null +++ b/docs/api/Ext.chart.axis.Category.html @@ -0,0 +1,142 @@ +Ext.chart.axis.Category | Ext JS 4.0 Documentation +
For up to date documentation and features, visit +http://docs.sencha.com/ext-js/4-0

Sencha Documentation

+ + + + + +

Hierarchy

A type of axis that displays items in categories. This axis is generally used to +display categorical information like names of items, month names, quarters, etc. +but no quantitative values. For that other type of information Number +axis are more suitable.

+ +

As with other axis you can set the position of the axis and its title. For example:

+ +

Ext.chart.axis.Category chart axis

+ +
var store = Ext.create('Ext.data.JsonStore', {
+    fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
+    data: [
+        {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
+        {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
+        {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
+        {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
+        {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}                                                
+    ]
+});
+
+Ext.create('Ext.chart.Chart', {
+    renderTo: Ext.getBody(),
+    width: 500,
+    height: 300,
+    store: store,
+    axes: [{
+        type: 'Numeric',
+        grid: true,
+        position: 'left',
+        fields: ['data1', 'data2', 'data3', 'data4', 'data5'],
+        title: 'Sample Values',
+        grid: {
+            odd: {
+                opacity: 1,
+                fill: '#ddd',
+                stroke: '#bbb',
+                'stroke-width': 1
+            }
+        },
+        minimum: 0,
+        adjustMinimumByMajorUnit: 0
+    }, {
+        type: 'Category',
+        position: 'bottom',
+        fields: ['name'],
+        title: 'Sample Metrics',
+        grid: true,
+        label: {
+            rotate: {
+                degrees: 315
+            }
+        }
+    }],
+    series: [{
+        type: 'area',
+        highlight: false,
+        axis: 'left',
+        xField: 'name',
+        yField: ['data1', 'data2', 'data3', 'data4', 'data5'],
+        style: {
+            opacity: 0.93
+        }
+    }]
+});
+
+ +

In this example with set the category axis to the bottom of the surface, bound the axis to +the name property and set as title Month of the Year.

+
Defined By

Config Options

Other Configs

 

The size of the dash marker. Default's 3.

+

The size of the dash marker. Default's 3.

+
 

Offset axis position. Default's 0.

+

Offset axis position. Default's 0.

+
 

If minimum and maximum are specified it forces the number of major ticks to the specified value.

+

If minimum and maximum are specified it forces the number of major ticks to the specified value.

+
 

The number of small ticks between two major ticks. Default is zero.

+

The number of small ticks between two major ticks. Default is zero.

+
 

Where to set the axis. Available options are left, bottom, right, top. Default's bottom.

+

Where to set the axis. Available options are left, bottom, right, top. Default's bottom.

+
 

Offset axis width. Default's 0.

+

Offset axis width. Default's 0.

+
Defined By

Properties

 
Indicates whether or not to calculate the number of categories (ticks and +labels) when there is not enough room to di...

Indicates whether or not to calculate the number of categories (ticks and +labels) when there is not enough room to display all labels on the axis. +If set to true, the axis will determine the number of categories to plot. +If not, all categories will be plotted.

+
 

A list of category names to display along this axis.

+

A list of category names to display along this axis.

+
Defined By

Methods

 

Renders the axis into the screen and updates it's position.

+

Renders the axis into the screen and updates it's position.

+

Parameters

  • init : Object
    +

Returns

  • void    +
 

Renders an horizontal and/or vertical grid into the Surface.

+

Renders an horizontal and/or vertical grid into the Surface.

+

Returns

  • void    +
 

Renders the labels in the axes.

+

Renders the labels in the axes.

+

Returns

  • void    +
 

Updates the title of this axis.

+

Updates the title of this axis.

+

Parameters

  • title : String
    +

Returns

  • void    +
\ No newline at end of file