Defines a legend for a chart's series.
-The 'chart' member must be set prior to rendering.
-The legend class displays a list of legend items each of them related with a
-series being rendered. In order to render the legend item of the proper series
-the series configuration object must have showInSeries set to true.
The legend configuration object accepts a position as parameter.
-The position parameter can be left, right
-top or bottom. For example:
legend: {
- position: 'right'
-},
-Full example:
- - 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,
- animate: true,
- store: store,
- shadow: true,
- theme: 'Category1',
- legend: {
- position: 'top'
- },
- 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
- }
- }]
- });
- Sets the z-index for the legend. Defaults to 100.
-Sets the z-index for the legend. Defaults to 100.
-Font to be used for the legend labels, eg '12px Helvetica'
-Font to be used for the legend labels, eg '12px Helvetica'
-Amount of padding between the legend box's border and its items
-Amount of padding between the legend box's border and its items
-The position of the legend in relation to the chart. One of: "top", -"bottom", "left", "right", or "float". If set to "float", then the legend -box will be positioned at the point denoted by the x and y parameters.
-X-position of the legend box. Used directly if position is set to "float", otherwise -it will be calculated dynamically.
-X-position of the legend box. Used directly if position is set to "float", otherwise -it will be calculated dynamically.
-