echarts关系图（一对多）

最新推荐文章于 2024-05-24 17:52:25 发布

小丽莎

最新推荐文章于 2024-05-24 17:52:25 发布

阅读量1.3k

点赞数

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/qq_34267917/article/details/128005343

版权

方式一：

    graphChartOption1() {
      return {
        title: {
          // text: "流程",
        },
        series: [
          {
            type: 'graph', // 关系图
            // layout: 'force',
            layout: 'none', // 图的布局 'none' 不采用任何布局，使用节点中提供的 x， y 作为节点的位置。
            // 'circular' 采用环形布局;'force' 采用力引导布局.
            // symbolSize: 100,
            symbolSize: 40,
            roam: true, // 是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move'。设置成 true 为都开启
            color: '#6A5ACD',
            label: {
              // 关系对象上的标签
              show: true, // 是否显示标签
              fontSize: 12, // 文本样式
              color: '#FFF',
              // backgroundColor:'white'
            },
            // symbol: 'roundRect', // 形状
            // symbol: 'none', // 形状
            // edgeSymbol: ['circle', 'arrow'],
            edgeSymbol: ['circle', ''],
            edgeSymbolSize: [4, 10], // 关系图节点标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [4, 10] 表示标记宽为4，高为10。
            edgeLabel: {
              // 连接两个关系对象的线上的标签
              fontSize: 25,
            },
            // 图
            da