Sencha Documentation

Ext.chart.series.Radar

Overview

Super classes

Ext.chart.series.Series
Creates a Radar Chart. A Radar Chart is a useful visualization technique for comparing different quantitative values for a constrained number of categories. As with all other series, the Radar series must be appended in the *series* Chart array configuration. See the Chart documentation for more information. A typical configuration object for the radar series could be: 
series: [{
            type: 'radar',
            xField: 'name',
            yField: 'data1',
            showMarkers: true,
            markerCfg: {
                radius: 5,
                size: 5
            },
            style: {
                'stroke-width': 2,
                fill: 'none'
            }
        },{
            type: 'radar',
            xField: 'name',
            yField: 'data2',
            showMarkers: true,
            markerCfg: {
                radius: 5,
                size: 5
            },
            style: {
                'stroke-width': 2,
                fill: 'none'
            }
        },{
            type: 'radar',
            xField: 'name',
            yField: 'data3',
            showMarkers: true,
            markerCfg: {
                radius: 5,
                size: 5
            },
            style: {
                'stroke-width': 2,
                fill: 'none'
            }
        }]
In this configuration we add three series to the chart. Each of these series is bound to the same categories field, `name` but bound to different properties for each category, `data1`, `data2` and `data3` respectively. All series display markers by having `showMarkers` enabled. The configuration for the markers of each series can be set by adding properties onto the markerCfg object. Finally we override some theme styling properties by adding properties to the `style` object.

Config Options

 
listeners : Object
An (optional) object with event callbacks. All event callbacks get the target *item* as first parameter. The callback...
An (optional) object with event callbacks. All event callbacks get the target *item* as first parameter. The callback functions are:
  • itemmouseover
  • itemmouseout
  • itemmousedown
  • itemmouseup
 
renderer : Function
A function that can be overridden to set custom styling properties to each rendered element. Passes in (sprite, recor...
A function that can be overridden to set custom styling properties to each rendered element. Passes in (sprite, record, attributes, index, store) to the function.
 
shadowAttributes : Array
An array with shadow attributes
An array with shadow attributes
 
showInLegend : Boolean
Whether to show this series in the legend.
Whether to show this series in the legend.
 
style : Object
An object containing styles for overriding series styles from Theming.
An object containing styles for overriding series styles from Theming.
 
title : String
The human-readable name of the series.
The human-readable name of the series.
 
type : String
The type of series. Set in subclasses.
The type of series. Set in subclasses.

Methods

 
drawSeries : Void
Draws the series for the current chart.
Draws the series for the current chart.
 
getItemForPoint( Number x, Number y ) : Object
For a given x/y point relative to the Surface, find a corresponding item from this series, if any.
For a given x/y point relative to the Surface, find a corresponding item from this series, if any.

Parameters

  • x : Number
  • y : Number

Returns

  • Object   An object describing the item, or null if there is no matching item. The exact contents of this object will vary by series type, but should always contain at least the following:
    • {Ext.chart.series.Series} series - the Series object to which the item belongs
    • {Object} value - the value(s) of the item's data point
    • {Array} point - the x/y coordinates relative to the chart box of a single point for this data item, which can be used as e.g. a tooltip anchor point.
    • {Ext.draw.Sprite} sprite - the item's rendering Sprite.
 
getLegendColor : Void
Returns a string with the color to be used for the series legend item.
Returns a string with the color to be used for the series legend item.
 
hideAll : Void
Hides all the elements in the series.
Hides all the elements in the series.
 
showAll : Void
Shows all the elements in the series.
Shows all the elements in the series.
© 2011 Sencha Inc.