echarts 关系图 symbol
时间: 2023-10-12 10:13:09 浏览: 170
echarts图标
ECharts 关系图中的 symbol 是指节点的图形样式。在关系图中,每个节点都有一个 symbol,可以是预设的形状,如圆形、方形等,也可以是自定义的图形,如图片、SVG 等。可以通过设置节点的 symbol 属性来指定节点的图形样式。
ECharts 支持的预设形状包括:circle、rect、roundRect、triangle、diamond、pin、arrow 等。可以通过设置节点的 symbol 属性为这些形状之一来实现相应的节点图形。
例如,设置节点的 symbol 属性为 circle,表示节点以圆形为图形:
```
{
symbol: 'circle',
...
}
```
同时,ECharts 还支持通过设置节点的 symbol 为 image 或 path 来使用自定义的图形。例如,设置节点的 symbol 属性为 image,表示节点以图片为图形:
```
{
symbol: 'image://url/to/image.png',
...
}
```
其中,url/to/image.png 是图片的地址。同样地,可以设置 symbol 属性为 path,表示节点以 SVG 路径为图形:
```
{
symbol: 'path://M ...',
...
}
```
其中,M ... 是 SVG 路径描述符。
阅读全文