ECharts Extension

Package Options

Option names, descriptions, and accepted values for each package chart.

Layout Core

echarts-layout-core 80 options Example
Option Description Values
type Selects which graph layout algorithm to run. 'radial' | 'concentric' | 'grid' | 'mds' | 'arc'
input Groups graph input data and link options. Object
width Layout viewport width. number
height Layout viewport height. number
center Layout center point inside the viewport. [number | string, number | string]
nodeSize Node diameter used by layout spacing and overlap prevention. number | number[] | function
nodeSpacing Extra spacing around each node. number | function
preventOverlap Separates nodes when a layout can otherwise place them too close. boolean
preventOverlapPadding Extra gap used during overlap prevention. number
sortBy Sorts nodes before layouts that use ordering. string | function
linkDistance Target distance between connected nodes. number
focusNode Node id or name used as the radial center. string | number
unitRadius Distance between radial graph levels. number
strictRadial Keeps radial nodes on strict level rings. boolean
maxIteration Maximum layout iterations for radial refinement. number
maxPreventOverlapIteration Maximum iterations used by overlap prevention. number
sortStrength Weight applied when sorted radial nodes share a ring. number
maxLevelDiff Maximum score difference before concentric nodes move to a new level. number
sweep Angular span used by radial or concentric placement. number (radians)
equidistant Forces concentric levels to use equal ring spacing. boolean
startAngle Starting angle for circular layouts. number (radians)
clockwise Places circular nodes clockwise when true. boolean
rows Requested row count for grid layout. number
cols Requested column count for grid layout. number
begin Top-left starting point for grid layout. [number | string, number | string]
condense Lets grid cells shrink to the minimum size needed by nodes. boolean
position Pins grid nodes to explicit row and column cells. function(node) => { row, col }
nodeSep Horizontal gap between nodes in arc layout. number