@echarts-extension/cause-effect
v0.1.0
Published
ECharts extension chart for cause and effect fishbone diagrams
Readme
@echarts-extension/cause-effect
Language: English | 中文
Cause and effect (fishbone / Ishikawa) diagram extension for ECharts.

import * as echarts from 'echarts';
import '@echarts-extension/cause-effect';
chart.setOption({
series: [
{
type: 'causeEffect',
effect: 'Late delivery',
categories: [
{
name: 'People',
causes: [
'handoff gaps',
{ name: 'unclear owner', children: ['no escalation path'] }
]
},
['Process', 'manual approval', 'batch release'],
['Tools', 'slow build']
],
label: { show: true }
}
]
});The series accepts effect, plus categories, causes, or data for the major fishbone branches. Each category can use causes, items, or children; nested cause children are laid out as secondary bones.
Options
This table is generated by scripts/sync-options-from-readmes.mjs --write-readmes. Update the English README option table, then run npm run docs:sync-options to refresh the docs page.
| Option | Description | Values |
| --- | --- | --- |
| type | Registers this package series with ECharts. | 'causeEffect' |
| silent | Disables mouse events for the series when true. | boolean |
| width | Series box width. | number \| string (pixel or percent) |
| height | Series box height. | number \| string (pixel or percent) |
| top | Distance from the top of the chart container. | number \| string (pixel or percent) |
| right | Distance from the right of the chart container. | number \| string (pixel or percent) |
| bottom | Distance from the bottom of the chart container. | number \| string (pixel or percent) |
| left | Distance from the left of the chart container. | number \| string (pixel or percent) |
| effect | Main effect, problem, or outcome shown at the spine end. | string \| number \| object |
| problem | Alias for the main effect box. | string \| number \| object |
| outcome | Alias for the main effect box. | string \| number \| object |
| categories | Cause categories with nested causes. | Array<object \| array \| string \| number> |
| categories.name | Display name. | string |
| categories.text | Displayed text. | string |
| categories.value | Numeric value. | number |
| categories.causes | causes field. | Array<object> |
| categories.causes.name | Display name. | string |
| categories.causes.text | Displayed text. | string |
| categories.causes.value | Numeric value. | number |
| categories.causes.causes | causes field. | Array<object> |
| categories.causes.causes.name | Display name. | string |
| categories.causes.causes.text | Displayed text. | string |
| categories.causes.causes.value | Numeric value. | number |
| categories.causes.causes.itemStyle | Per-record item style. | Object |
| categories.causes.causes.itemStyle.color | Fill color. | string |
| categories.causes.causes.itemStyle.fill | Alias for fill color. | string |
| categories.causes.causes.itemStyle.opacity | Fill opacity. | number |
| categories.causes.causes.itemStyle.borderColor | Border color. | string |
| categories.causes.causes.itemStyle.borderWidth | Border width. | number |
| categories.causes.causes.itemStyle.borderRadius | Corner radius. | number |
| categories.causes.causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.causes.causes.itemStyle.shadowColor | Shadow color. | string |
| categories.causes.causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.causes.causes.label | Per-record label style. | Object |
| categories.causes.causes.label.show | Shows labels when true. | boolean |
| categories.causes.causes.label.color | Label text color. | string |
| categories.causes.causes.label.fontSize | Label text size. | number |
| categories.causes.causes.label.fontWeight | Label font weight. | string \| number |
| categories.causes.causes.label.formatter | Formats label text. | string \| function |
| categories.causes.children | Child records. | Array<object> |
| categories.causes.children.id | Record id. | string \| number |
| categories.causes.children.parentId | Parent record id. | string \| number |
| categories.causes.children.name | Display name. | string |
| categories.causes.children.value | Numeric value. | number |
| categories.causes.children.children | Child records. | Array<object> |
| categories.causes.children.children.name | Display name. | string |
| categories.causes.children.children.value | Numeric value. | number |
| categories.causes.children.children.itemStyle | Per-record item style. | Object |
| categories.causes.children.children.itemStyle.color | Fill color. | string |
| categories.causes.children.children.itemStyle.fill | Alias for fill color. | string |
| categories.causes.children.children.itemStyle.opacity | Fill opacity. | number |
| categories.causes.children.children.itemStyle.borderColor | Border color. | string |
| categories.causes.children.children.itemStyle.borderWidth | Border width. | number |
| categories.causes.children.children.itemStyle.borderRadius | Corner radius. | number |
| categories.causes.children.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.causes.children.children.itemStyle.shadowColor | Shadow color. | string |
| categories.causes.children.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.causes.children.children.label | Per-record label style. | Object |
| categories.causes.children.children.label.show | Shows labels when true. | boolean |
| categories.causes.children.children.label.color | Label text color. | string |
| categories.causes.children.children.label.fontSize | Label text size. | number |
| categories.causes.children.children.label.fontWeight | Label font weight. | string \| number |
| categories.causes.children.children.label.formatter | Formats label text. | string \| function |
| categories.causes.children.itemStyle | Per-record item style. | Object |
| categories.causes.children.itemStyle.color | Fill color. | string |
| categories.causes.children.itemStyle.fill | Alias for fill color. | string |
| categories.causes.children.itemStyle.opacity | Fill opacity. | number |
| categories.causes.children.itemStyle.borderColor | Border color. | string |
| categories.causes.children.itemStyle.borderWidth | Border width. | number |
| categories.causes.children.itemStyle.borderRadius | Corner radius. | number |
| categories.causes.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.causes.children.itemStyle.shadowColor | Shadow color. | string |
| categories.causes.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.causes.children.label | Per-record label style. | Object |
| categories.causes.children.label.show | Shows labels when true. | boolean |
| categories.causes.children.label.color | Label text color. | string |
| categories.causes.children.label.fontSize | Label text size. | number |
| categories.causes.children.label.fontWeight | Label font weight. | string \| number |
| categories.causes.children.label.formatter | Formats label text. | string \| function |
| categories.causes.itemStyle | Per-record item style. | Object |
| categories.causes.itemStyle.color | Fill color. | string |
| categories.causes.itemStyle.fill | Alias for fill color. | string |
| categories.causes.itemStyle.opacity | Fill opacity. | number |
| categories.causes.itemStyle.borderColor | Border color. | string |
| categories.causes.itemStyle.borderWidth | Border width. | number |
| categories.causes.itemStyle.borderRadius | Corner radius. | number |
| categories.causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.causes.itemStyle.shadowColor | Shadow color. | string |
| categories.causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.causes.label | Per-record label style. | Object |
| categories.causes.label.show | Shows labels when true. | boolean |
| categories.causes.label.color | Label text color. | string |
| categories.causes.label.fontSize | Label text size. | number |
| categories.causes.label.fontWeight | Label font weight. | string \| number |
| categories.causes.label.formatter | Formats label text. | string \| function |
| categories.children | Child records. | Array<object> |
| categories.children.id | Record id. | string \| number |
| categories.children.parentId | Parent record id. | string \| number |
| categories.children.name | Display name. | string |
| categories.children.value | Numeric value. | number |
| categories.children.children | Child records. | Array<object> |
| categories.children.children.name | Display name. | string |
| categories.children.children.value | Numeric value. | number |
| categories.children.children.itemStyle | Per-record item style. | Object |
| categories.children.children.itemStyle.color | Fill color. | string |
| categories.children.children.itemStyle.fill | Alias for fill color. | string |
| categories.children.children.itemStyle.opacity | Fill opacity. | number |
| categories.children.children.itemStyle.borderColor | Border color. | string |
| categories.children.children.itemStyle.borderWidth | Border width. | number |
| categories.children.children.itemStyle.borderRadius | Corner radius. | number |
| categories.children.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.children.children.itemStyle.shadowColor | Shadow color. | string |
| categories.children.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.children.children.label | Per-record label style. | Object |
| categories.children.children.label.show | Shows labels when true. | boolean |
| categories.children.children.label.color | Label text color. | string |
| categories.children.children.label.fontSize | Label text size. | number |
| categories.children.children.label.fontWeight | Label font weight. | string \| number |
| categories.children.children.label.formatter | Formats label text. | string \| function |
| categories.children.itemStyle | Per-record item style. | Object |
| categories.children.itemStyle.color | Fill color. | string |
| categories.children.itemStyle.fill | Alias for fill color. | string |
| categories.children.itemStyle.opacity | Fill opacity. | number |
| categories.children.itemStyle.borderColor | Border color. | string |
| categories.children.itemStyle.borderWidth | Border width. | number |
| categories.children.itemStyle.borderRadius | Corner radius. | number |
| categories.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.children.itemStyle.shadowColor | Shadow color. | string |
| categories.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.children.label | Per-record label style. | Object |
| categories.children.label.show | Shows labels when true. | boolean |
| categories.children.label.color | Label text color. | string |
| categories.children.label.fontSize | Label text size. | number |
| categories.children.label.fontWeight | Label font weight. | string \| number |
| categories.children.label.formatter | Formats label text. | string \| function |
| categories.itemStyle | Per-record item style. | Object |
| categories.itemStyle.color | Fill color. | string |
| categories.itemStyle.fill | Alias for fill color. | string |
| categories.itemStyle.opacity | Fill opacity. | number |
| categories.itemStyle.borderColor | Border color. | string |
| categories.itemStyle.borderWidth | Border width. | number |
| categories.itemStyle.borderRadius | Corner radius. | number |
| categories.itemStyle.shadowBlur | Shadow blur radius. | number |
| categories.itemStyle.shadowColor | Shadow color. | string |
| categories.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| categories.label | Per-record label style. | Object |
| categories.label.show | Shows labels when true. | boolean |
| categories.label.color | Label text color. | string |
| categories.label.fontSize | Label text size. | number |
| categories.label.fontWeight | Label font weight. | string \| number |
| categories.label.formatter | Formats label text. | string \| function |
| causes | Alias for category data. | Array<object \| array \| string \| number> |
| causes.name | Display name. | string |
| causes.text | Displayed text. | string |
| causes.value | Numeric value. | number |
| causes.causes | causes field. | Array<object> |
| causes.causes.name | Display name. | string |
| causes.causes.text | Displayed text. | string |
| causes.causes.value | Numeric value. | number |
| causes.causes.itemStyle | Per-record item style. | Object |
| causes.causes.itemStyle.color | Fill color. | string |
| causes.causes.itemStyle.fill | Alias for fill color. | string |
| causes.causes.itemStyle.opacity | Fill opacity. | number |
| causes.causes.itemStyle.borderColor | Border color. | string |
| causes.causes.itemStyle.borderWidth | Border width. | number |
| causes.causes.itemStyle.borderRadius | Corner radius. | number |
| causes.causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| causes.causes.itemStyle.shadowColor | Shadow color. | string |
| causes.causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| causes.causes.label | Per-record label style. | Object |
| causes.causes.label.show | Shows labels when true. | boolean |
| causes.causes.label.color | Label text color. | string |
| causes.causes.label.fontSize | Label text size. | number |
| causes.causes.label.fontWeight | Label font weight. | string \| number |
| causes.causes.label.formatter | Formats label text. | string \| function |
| causes.children | Child records. | Array<object> |
| causes.children.id | Record id. | string \| number |
| causes.children.parentId | Parent record id. | string \| number |
| causes.children.name | Display name. | string |
| causes.children.value | Numeric value. | number |
| causes.children.children | Child records. | Array<object> |
| causes.children.children.name | Display name. | string |
| causes.children.children.value | Numeric value. | number |
| causes.children.children.itemStyle | Per-record item style. | Object |
| causes.children.children.itemStyle.color | Fill color. | string |
| causes.children.children.itemStyle.fill | Alias for fill color. | string |
| causes.children.children.itemStyle.opacity | Fill opacity. | number |
| causes.children.children.itemStyle.borderColor | Border color. | string |
| causes.children.children.itemStyle.borderWidth | Border width. | number |
| causes.children.children.itemStyle.borderRadius | Corner radius. | number |
| causes.children.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| causes.children.children.itemStyle.shadowColor | Shadow color. | string |
| causes.children.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| causes.children.children.label | Per-record label style. | Object |
| causes.children.children.label.show | Shows labels when true. | boolean |
| causes.children.children.label.color | Label text color. | string |
| causes.children.children.label.fontSize | Label text size. | number |
| causes.children.children.label.fontWeight | Label font weight. | string \| number |
| causes.children.children.label.formatter | Formats label text. | string \| function |
| causes.children.itemStyle | Per-record item style. | Object |
| causes.children.itemStyle.color | Fill color. | string |
| causes.children.itemStyle.fill | Alias for fill color. | string |
| causes.children.itemStyle.opacity | Fill opacity. | number |
| causes.children.itemStyle.borderColor | Border color. | string |
| causes.children.itemStyle.borderWidth | Border width. | number |
| causes.children.itemStyle.borderRadius | Corner radius. | number |
| causes.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| causes.children.itemStyle.shadowColor | Shadow color. | string |
| causes.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| causes.children.label | Per-record label style. | Object |
| causes.children.label.show | Shows labels when true. | boolean |
| causes.children.label.color | Label text color. | string |
| causes.children.label.fontSize | Label text size. | number |
| causes.children.label.fontWeight | Label font weight. | string \| number |
| causes.children.label.formatter | Formats label text. | string \| function |
| causes.itemStyle | Per-record item style. | Object |
| causes.itemStyle.color | Fill color. | string |
| causes.itemStyle.fill | Alias for fill color. | string |
| causes.itemStyle.opacity | Fill opacity. | number |
| causes.itemStyle.borderColor | Border color. | string |
| causes.itemStyle.borderWidth | Border width. | number |
| causes.itemStyle.borderRadius | Corner radius. | number |
| causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| causes.itemStyle.shadowColor | Shadow color. | string |
| causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| causes.label | Per-record label style. | Object |
| causes.label.show | Shows labels when true. | boolean |
| causes.label.color | Label text color. | string |
| causes.label.fontSize | Label text size. | number |
| causes.label.fontWeight | Label font weight. | string \| number |
| causes.label.formatter | Formats label text. | string \| function |
| data | Alias for category data. | Array<object \| array \| string \| number> |
| data.name | Display name. | string |
| data.text | Displayed text. | string |
| data.value | Numeric value. | number |
| data.causes | causes field. | Array<object> |
| data.causes.name | Display name. | string |
| data.causes.text | Displayed text. | string |
| data.causes.value | Numeric value. | number |
| data.causes.causes | causes field. | Array<object> |
| data.causes.causes.name | Display name. | string |
| data.causes.causes.text | Displayed text. | string |
| data.causes.causes.value | Numeric value. | number |
| data.causes.causes.itemStyle | Per-record item style. | Object |
| data.causes.causes.itemStyle.color | Fill color. | string |
| data.causes.causes.itemStyle.fill | Alias for fill color. | string |
| data.causes.causes.itemStyle.opacity | Fill opacity. | number |
| data.causes.causes.itemStyle.borderColor | Border color. | string |
| data.causes.causes.itemStyle.borderWidth | Border width. | number |
| data.causes.causes.itemStyle.borderRadius | Corner radius. | number |
| data.causes.causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.causes.causes.itemStyle.shadowColor | Shadow color. | string |
| data.causes.causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.causes.causes.label | Per-record label style. | Object |
| data.causes.causes.label.show | Shows labels when true. | boolean |
| data.causes.causes.label.color | Label text color. | string |
| data.causes.causes.label.fontSize | Label text size. | number |
| data.causes.causes.label.fontWeight | Label font weight. | string \| number |
| data.causes.causes.label.formatter | Formats label text. | string \| function |
| data.causes.children | Child records. | Array<object> |
| data.causes.children.id | Record id. | string \| number |
| data.causes.children.parentId | Parent record id. | string \| number |
| data.causes.children.name | Display name. | string |
| data.causes.children.value | Numeric value. | number |
| data.causes.children.children | Child records. | Array<object> |
| data.causes.children.children.name | Display name. | string |
| data.causes.children.children.value | Numeric value. | number |
| data.causes.children.children.itemStyle | Per-record item style. | Object |
| data.causes.children.children.itemStyle.color | Fill color. | string |
| data.causes.children.children.itemStyle.fill | Alias for fill color. | string |
| data.causes.children.children.itemStyle.opacity | Fill opacity. | number |
| data.causes.children.children.itemStyle.borderColor | Border color. | string |
| data.causes.children.children.itemStyle.borderWidth | Border width. | number |
| data.causes.children.children.itemStyle.borderRadius | Corner radius. | number |
| data.causes.children.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.causes.children.children.itemStyle.shadowColor | Shadow color. | string |
| data.causes.children.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.causes.children.children.label | Per-record label style. | Object |
| data.causes.children.children.label.show | Shows labels when true. | boolean |
| data.causes.children.children.label.color | Label text color. | string |
| data.causes.children.children.label.fontSize | Label text size. | number |
| data.causes.children.children.label.fontWeight | Label font weight. | string \| number |
| data.causes.children.children.label.formatter | Formats label text. | string \| function |
| data.causes.children.itemStyle | Per-record item style. | Object |
| data.causes.children.itemStyle.color | Fill color. | string |
| data.causes.children.itemStyle.fill | Alias for fill color. | string |
| data.causes.children.itemStyle.opacity | Fill opacity. | number |
| data.causes.children.itemStyle.borderColor | Border color. | string |
| data.causes.children.itemStyle.borderWidth | Border width. | number |
| data.causes.children.itemStyle.borderRadius | Corner radius. | number |
| data.causes.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.causes.children.itemStyle.shadowColor | Shadow color. | string |
| data.causes.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.causes.children.label | Per-record label style. | Object |
| data.causes.children.label.show | Shows labels when true. | boolean |
| data.causes.children.label.color | Label text color. | string |
| data.causes.children.label.fontSize | Label text size. | number |
| data.causes.children.label.fontWeight | Label font weight. | string \| number |
| data.causes.children.label.formatter | Formats label text. | string \| function |
| data.causes.itemStyle | Per-record item style. | Object |
| data.causes.itemStyle.color | Fill color. | string |
| data.causes.itemStyle.fill | Alias for fill color. | string |
| data.causes.itemStyle.opacity | Fill opacity. | number |
| data.causes.itemStyle.borderColor | Border color. | string |
| data.causes.itemStyle.borderWidth | Border width. | number |
| data.causes.itemStyle.borderRadius | Corner radius. | number |
| data.causes.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.causes.itemStyle.shadowColor | Shadow color. | string |
| data.causes.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.causes.label | Per-record label style. | Object |
| data.causes.label.show | Shows labels when true. | boolean |
| data.causes.label.color | Label text color. | string |
| data.causes.label.fontSize | Label text size. | number |
| data.causes.label.fontWeight | Label font weight. | string \| number |
| data.causes.label.formatter | Formats label text. | string \| function |
| data.children | Child records. | Array<object> |
| data.children.id | Record id. | string \| number |
| data.children.parentId | Parent record id. | string \| number |
| data.children.name | Display name. | string |
| data.children.value | Numeric value. | number |
| data.children.children | Child records. | Array<object> |
| data.children.children.name | Display name. | string |
| data.children.children.value | Numeric value. | number |
| data.children.children.itemStyle | Per-record item style. | Object |
| data.children.children.itemStyle.color | Fill color. | string |
| data.children.children.itemStyle.fill | Alias for fill color. | string |
| data.children.children.itemStyle.opacity | Fill opacity. | number |
| data.children.children.itemStyle.borderColor | Border color. | string |
| data.children.children.itemStyle.borderWidth | Border width. | number |
| data.children.children.itemStyle.borderRadius | Corner radius. | number |
| data.children.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.children.children.itemStyle.shadowColor | Shadow color. | string |
| data.children.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.children.children.label | Per-record label style. | Object |
| data.children.children.label.show | Shows labels when true. | boolean |
| data.children.children.label.color | Label text color. | string |
| data.children.children.label.fontSize | Label text size. | number |
| data.children.children.label.fontWeight | Label font weight. | string \| number |
| data.children.children.label.formatter | Formats label text. | string \| function |
| data.children.itemStyle | Per-record item style. | Object |
| data.children.itemStyle.color | Fill color. | string |
| data.children.itemStyle.fill | Alias for fill color. | string |
| data.children.itemStyle.opacity | Fill opacity. | number |
| data.children.itemStyle.borderColor | Border color. | string |
| data.children.itemStyle.borderWidth | Border width. | number |
| data.children.itemStyle.borderRadius | Corner radius. | number |
| data.children.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.children.itemStyle.shadowColor | Shadow color. | string |
| data.children.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.children.label | Per-record label style. | Object |
| data.children.label.show | Shows labels when true. | boolean |
| data.children.label.color | Label text color. | string |
| data.children.label.fontSize | Label text size. | number |
| data.children.label.fontWeight | Label font weight. | string \| number |
| data.children.label.formatter | Formats label text. | string \| function |
| data.itemStyle | Per-record item style. | Object |
| data.itemStyle.color | Fill color. | string |
| data.itemStyle.fill | Alias for fill color. | string |
| data.itemStyle.opacity | Fill opacity. | number |
| data.itemStyle.borderColor | Border color. | string |
| data.itemStyle.borderWidth | Border width. | number |
| data.itemStyle.borderRadius | Corner radius. | number |
| data.itemStyle.shadowBlur | Shadow blur radius. | number |
| data.itemStyle.shadowColor | Shadow color. | string |
| data.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| data.label | Per-record label style. | Object |
| data.label.show | Shows labels when true. | boolean |
| data.label.color | Label text color. | string |
| data.label.fontSize | Label text size. | number |
| data.label.fontWeight | Label font weight. | string \| number |
| data.label.formatter | Formats label text. | string \| function |
| padding | Inset around the cause-effect diagram. | number \| object |
| padding.top | Top inset. | number |
| padding.right | Right inset. | number |
| padding.bottom | Bottom inset. | number |
| padding.left | Left inset. | number |
| effectWidth | Width of the effect box. | number |
| effectHeight | Height of the effect box. | number |
| effectGap | Gap between the spine and effect box. | number |
| categoryGap | Gap between category branches. | number |
| categoryLength | Length of category branch lines. | number |
| categoryAngle | Angle of category branch lines. | number (degrees) |
| causeGap | Gap between causes along a branch. | number |
| causeLength | Length of individual cause lines. | number |
| maxCauseDepth | Maximum nested cause depth to render. | number |
| spineArrowSize | Arrow size at the end of the spine. | number |
| lineStyle | Styles the main spine. | Object |
| lineStyle.color | Primary color. | string |
| lineStyle.stroke | Stroke color. | string |
| lineStyle.width | Width value. | number |
| lineStyle.lineWidth | Line width. | number |
| lineStyle.opacity | Opacity. | number |
| lineStyle.type | Line or item type. | 'solid' \| 'dashed' \| 'dotted' \| number[] |
| categoryLineStyle | Styles category branch lines. | Object |
| categoryLineStyle.color | Primary color. | string |
| categoryLineStyle.stroke | Stroke color. | string |
| categoryLineStyle.width | Width value. | number |
| categoryLineStyle.lineWidth | Line width. | number |
| categoryLineStyle.opacity | Opacity. | number |
| categoryLineStyle.type | Line or item type. | 'solid' \| 'dashed' \| 'dotted' \| number[] |
| causeLineStyle | Styles cause lines. | Object |
| causeLineStyle.color | Primary color. | string |
| causeLineStyle.stroke | Stroke color. | string |
| causeLineStyle.width | Width value. | number |
| causeLineStyle.lineWidth | Line width. | number |
| causeLineStyle.opacity | Opacity. | number |
| causeLineStyle.type | Line or item type. | 'solid' \| 'dashed' \| 'dotted' \| number[] |
| effectStyle | Styles the effect box. | Object |
| effectStyle.color | Primary color. | string |
| effectStyle.fill | Fill color. | string |
| effectStyle.opacity | Opacity. | number |
| effectStyle.borderColor | Border color. | string |
| effectStyle.borderWidth | Border width. | number |
| effectStyle.borderRadius | Corner radius. | number |
| label | Default label style for diagram text. | Object |
| label.show | Shows labels when true. | boolean |
| label.color | Label text color. | string |
| label.fontSize | Label text size. | number |
| label.fontWeight | Label font weight. | string \| number |
| label.formatter | Formats label text. | string \| function |
| effectLabel | Styles the effect label. | Object |
| effectLabel.show | Shows labels when true. | boolean |
| effectLabel.color | Label text color. | string |
| effectLabel.fontSize | Label text size. | number |
| effectLabel.fontWeight | Label font weight. | string \| number |
| effectLabel.formatter | Formats label text. | string \| function |
| categoryLabel | Styles category labels. | Object |
| categoryLabel.show | Shows labels when true. | boolean |
| categoryLabel.color | Label text color. | string |
| categoryLabel.fontSize | Label text size. | number |
| categoryLabel.fontWeight | Label font weight. | string \| number |
| categoryLabel.formatter | Formats label text. | string \| function |
| causeLabel | Styles cause labels. | Object |
| causeLabel.show | Shows labels when true. | boolean |
| causeLabel.color | Label text color. | string |
| causeLabel.fontSize | Label text size. | number |
| causeLabel.fontWeight | Label font weight. | string \| number |
| causeLabel.formatter | Formats label text. | string \| function |
| emphasis | Styles elements while hovered. | Object |
| emphasis.itemStyle | Nested item style option. | object |
| emphasis.itemStyle.color | Fill color. | string |
| emphasis.itemStyle.fill | Alias for fill color. | string |
| emphasis.itemStyle.opacity | Fill opacity. | number |
| emphasis.itemStyle.borderColor | Border color. | string |
| emphasis.itemStyle.borderWidth | Border width. | number |
| emphasis.itemStyle.borderRadius | Corner radius. | number |
| emphasis.itemStyle.shadowBlur | Shadow blur radius. | number |
| emphasis.itemStyle.shadowColor | Shadow color. | string |
| emphasis.itemStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| emphasis.edgeStyle | Nested edgeStyle option. | object |
| emphasis.edgeStyle.color | Fill color. | string |
| emphasis.edgeStyle.fill | Alias for fill color. | string |
| emphasis.edgeStyle.opacity | Fill opacity. | number |
| emphasis.edgeStyle.borderColor | Border color. | string |
| emphasis.edgeStyle.borderWidth | Border width. | number |
| emphasis.edgeStyle.borderRadius | Corner radius. | number |
| emphasis.edgeStyle.shadowBlur | Shadow blur radius. | number |
| emphasis.edgeStyle.shadowColor | Shadow color. | string |
| emphasis.edgeStyle.lineWidth | Stroke width used by icon or shape styles. | number |
| emphasis.focus | Nested focus option. | string |
| emphasis.blurScope | Nested blurScope option. | string |
