Ext.chart.axis.Axis

Hierarchy
Ext.chart.axis.AbstractExt.chart.axis.Axis

Defines axis for charts. The axis position, type, style can be configured. -The axes are defined in an axes array of configuration objects where the type, -field, grid and other configuration options can be set. To know more about how -to create a Chart please check the Chart class documentation. Here's an example for the axes part: -An example of axis for a series (in this case for an area chart that has multiple layers of yFields) could be:

- -

axes: [{
-    type: 'Numeric',
-    grid: true,
-    position: 'left',
-    fields: ['data1', 'data2', 'data3'],
-    title: 'Number of Hits',
-    grid: {
-        odd: {
-            opacity: 1,
-            fill: '#ddd',
-            stroke: '#bbb',
-            'stroke-width': 1
-        }
-    },
-    minimum: 0
-}, {
-    type: 'Category',
-    position: 'bottom',
-    fields: ['name'],
-    title: 'Month of the Year',
-    grid: true,
-    label: {
-        rotate: {
-            degrees: 315
-        }
-    }
-}]
-

- -

In this case we use a Numeric axis for displaying the values of the Area series and a Category axis for displaying the names of -the store elements. The numeric axis is placed on the left of the screen, while the category axis is placed at the bottom of the chart. -Both the category and numeric axes have grid set, which means that horizontal and vertical lines will cover the chart background. In the -category axis the labels will be rotated so they can fit the space better.

Defined By