ipecharts.option.seriesitems.graphgl module

class ipecharts.option.seriesitems.graphgl.GraphGL(**kwargs: Any)

Bases: BaseWidget

Warning:

Autogenerated class

Uses WebGL to drawn the relational chart, support the layout and rendering of large-scale network/relational data.

type Unicode('graphGL')

name Unicode(None)

Series name used for displaying in [tooltip](https://echarts.apache.org/zh/option.html#tooltip) and filtering with [legend](https://echarts.apache.org/zh/option.html#legend), or updating data and configuration with setOption.

layout Unicode(None)

The continuous graph layout algorithm supports the [forceAtlas2](gephi/gephi) algorithm layout using gephi.

forceAtlas2 Dict()

[forceAtlas2](gephi/gephi) a continuous graph layout algorithm.

The algorithm has efficient layout efficiency and stable layout results for large-scale network data.

Support for configuring GPU or CPU layout via [forceAtlas2.GPU](#series-graphGL.forceAtlas2.GPU).

The advantage of the CPU is that it is compatible, and the GPU implementation has dozens or even hundreds of performance advantages in high-end graphics cards.

Below is a performance comparison of the iteration of a layout of a 2w node (nearly 5w edges) on a GTX1070 and an i7 4GHz computer.


symbol Unicode(None)

The shape of the scatter. The default is a circle.

Icon types provided by ECharts includes ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’

Icons can be set to arbitrary vector path via ‘path://’ in ECharts. As compared with a raster image, vector paths prevent jagging and blurring when scaled, and have better control over changing colors. The size of the vector icon will be adapted automatically. Refer to [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData) for more information about the format of the path. You may export vector paths from tools like Adobe

symbolSize Union(None)

symbol size. It can be set to single numbers like 10, or use an array to represent width and height. For example, [20, 10] means symbol width is 20, and height is`10`.

If size of symbols needs to be different, you can set with callback function in the following format:

``` (value: Array|number, params: Object) => number|Array

```

The first parameter value is the value in [data](#series-.data), and the second parameter params is the rest parameters of data item.

itemStyle Dict()

The style settings for the node.

lineStyle Dict()

The style setting of the relationship line.

data Any(None)

The data set of the node.

The data format is the same as [graph.data](https://echarts.apache.org/en/option.html#series-graph.data)

nodes Any(None)

Same as [graphGL.data](#series-graphGL.data).

links Any(None)

Relational data between nodes. The data format is the same as [graph.links](https://echarts.apache.org/en/option.html#series-graph.links)

edges Any(None)

Same as [graphGL.links](#series-graphGL.links)

zlevel Float(None)

The layer in which the component is located.

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 the crash.

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

Note: The layers of the components in echarts-gl need to be separated from the layers of the components in echarts. The same zlevel cannot be used for both WebGL and Canvas drawing at the same time.