echart图表 和弦关系图 悲惨世界人物关系图的使用及配置项 修改旋转角度 顺时针旋转

在ECharts中，要创建一个关系图并修改旋转角度顺时针旋转，可以使用graph组件和force布局。以下是一个简单的示例代码：

var chart = echarts.init(document.getElementById('main'));
 
var option = {
    series: [
        {
            type: 'graph',
            layout: 'force',
            data: [
                {name: '节点1', value: 10, category: 0},
                {name: '节点2', value: 20, category: 0},
                // ... 更多节点
            ],
            edges: [
                {source: '节点1', target: '节点2'},
                // ... 更多边
            ],
            force: {
                initLayout: 'circular',
                repulsion: 1000,
                // 其他力导向布局配置
            },
            roam: true, // 允许用户平移和缩放
            // 其他配置项
        }
    ]
};
 
chart.setOption(option);

在这个配置中，force对象定义了力导向布局的行为，initLayout设置为'circular'实现圆形布局，repulsion是节点之间的推荐力，可以通过调整这个值来改变节点间的距离。

要修改旋转角度，可以使用label的rotate属性，但这通常是针对标签的旋转，而不是整个节点。如果你想要旋转整个节点，可能需要使用自定义系列（custom series）或者通过graphic组件手动绘制每个节点。

请注意，ECharts的关系图（graph）组件不直接支持旋转整个节点。如果你需要旋转节点，可能需要使用自定义系列或者通过graphic组件手动绘制每个节点。