ipecharts.option.radar module#

class ipecharts.option.radar.Radar(**kwargs: Any)[source]#

Bases: BaseWidget

Warning:

Autogenerated class

Coordinate for [radar charts](#series-radar). This component is equal to the polar component in ECharts 2. Because the polar component in the echarts 3 is reconstructed to be the standard polar coordinate component, this component is renamed to be radar to avoid confusion.

Radar chart coordinate is different from polar coordinate, in that every axis indicator of the radar chart coordinate is an individual dimension. The style of indicator coordinate axis could be configured through the following configuration items, including [name](#radar.name), [axisLine](#radar.axisLine), [axisTick](#radar.axisTick), [axisLabel](#radar.axisLabel), [splitLine](#radar.splitLine), [splitArea](#radar.splitArea).

Here is a custom example of radar component.

id Unicode(None)#

Component ID, not specified by default. If specified, it can be used to refer the component in option or API.

zlevel Float(None)#

zlevel value of all graphical elements in .

zlevel is used to make layers with Canvas. Graphical elements with different zlevel values will be placed in different Canvases, which is a common optimization technique. We can put those frequently changed elements (like those with animations) to a separate zlevel. Notice that too many Canvases will increase memory cost, and should be used carefully on mobile phones to avoid crash.

Canvases with bigger zlevel will be placed on Canvases with smaller zlevel.

z Float(None)#

z value of all graphical elements in , which controls order of drawing graphical components. Components with smaller z values may be overwritten by those with larger z values.

z has a lower priority to zlevel, and will not create new Canvas.

center Any(None)#

Center position of , the first of which is the horizontal position, and the second is the vertical position.

Percentage is supported. When set in percentage, the item is relative to the container width, and the second item to the height.

Example:

``` // Set to absolute pixel values center: [400, 300] // Set to relative percent center: [‘50%’, ‘50%’]

```

radius Union(None)#

Radius of . Value can be:

  • number: Specify outside radius directly.

  • string: For example, ‘20%’, means that the outside radius is 20% of the viewport size (the little one between width and height of the chart container).

  • Array.<number|string>: The first item specifies the inside radius, and the second item specifies the outside radius. Each item follows the definitions above.

startAngle Float(None)#

The start angle of coordinate, which is the angle of the first indicator axis.

axisName Dict()#

Name options for radar indicators.

nameGap Float(None)#

Distance between the indicator’s name and axis.

splitNumber Float(None)#

Segments of indicator axis.

shape Unicode(None)#

Radar render type, in which ‘polygon’ and ‘circle’ are supported.

scale Bool(None)#

Whether to prevent calculating the scaling relative to zero. If it is set to be true, the coordinate tick would not compulsorily contain zero value, which is usually useful in scatter diagram of double numerical values axis.

silent Bool(None)#

Set this to true, to prevent interaction with the axis.

triggerEvent Bool(None)#

Set this to true to enable triggering events.

Parameters of the event include:

``` {

// Component type: xAxis, yAxis, radiusAxis, angleAxis // Each of which has an attribute for index, e.g., xAxisIndex for xAxis componentType: string, // Value on axis before being formatted. // Click on value label to trigger event. value: ‘’, // Name of axis. // Click on laben name to trigger event. name: ‘’

}

```

axisLine Dict()#

Settings related to axis line.

axisTick Dict()#

Settings related to axis tick.

axisLabel Dict()#

Settings related to axis label.

splitLine Dict()#

Split line of axis in [grid](#grid) area.

splitArea Dict()#

Split area of axis in [grid](#grid) area, not shown by default.

indicator Any(None)#

Indicator of radar chart, which is used to assign multiple variables(dimensions) in radar chart. Here is the example.

``` indicator: [

{ name: ‘Sales (sales) ‘, max: 6500}, { name: ‘Administration (Administration) ‘, max: 16000, color: ‘red’}, // Set the indicator as ‘red’ { name: ‘Information Technology (Information Technology) ‘, max: 30000}, { name: ‘Customer Support (Customer Support) ‘, max: 38000}, { name: ‘Development (Development) ‘, max: 52000}, { name: ‘Marketing (Marketing) ‘, max: 25000}

]

```