echart关系图的配置参数在js代码的哪里看?
时间: 2023-06-19 13:08:49 浏览: 88
echarts,tree 图,节点收缩,option 配置即可
5星 · 资源好评率100%
ECharts 关系图的配置参数可以在 JavaScript 代码中的 `option` 对象中进行设置。在 `option` 对象中,可以使用 `series` 属性来配置关系图的样式和数据,使用 `toolbox` 属性来添加工具按钮,使用 `tooltip` 属性来设置提示框组件等等。以下是一个简单的例子:
```javascript
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('main'));
// 配置选项
var option = {
tooltip: {},
series: [{
type: 'graph',
layout: 'force',
data: [{
name: '节点1',
x: 10,
y: 10
}, {
name: '节点2',
x: 50,
y: 50
}],
links: [{
source: '节点1',
target: '节点2'
}]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
```
在上面的例子中,我们使用 `series` 属性来定义一个 `graph` 类型的关系图,使用 `layout` 属性来指定图的布局方式。我们还定义了两个节点和一条边,并将它们分别放在了 `data` 和 `links` 属性中。最后,我们使用 `setOption` 方法将配置项应用到图表中。
阅读全文