echarts 关系图 option

最新推荐文章于 2024-04-14 16:02:52 发布
最新推荐文章于 2024-04-14 16:02:52 发布
阅读量8.6k 收藏 3
点赞数
分类专栏： js-echarts 文章标签： echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/if_you_can_please_do/article/details/52873639
版权

echarts 关系图 option

<script type="text/javascript" src="plugins/echarts/echarts.min.js"></script>   
<script type="text/javascript" src="plugins/echarts/dataTool.js"></script>

var option1 = function() {
    var graph;
    var categories = [];
    $.ajax({
        url: 'data/les-miserables.gexf',
        dataType: "xml",
        async: false,
        success: function (xml) {
             graph = echarts.dataTool.gexf.parse(xml);
             categories = [];
             for (var i = 0; i < 5; i++) {
                 categories[i] = {
                     name: '类目' + i
                 };
             }
             graph.nodes.forEach(function (node) {
                 node.itemStyle = null;
                 node.symbolSize = 20;
                 node.value = node.symbolSize;
                 node.category = node.attributes.modularity_class;
                 // Use random x, y
                 node.x = node.y = null;
                 node.draggable = true;
             });

        }

    });



    var option = {
         title: {
             text: 'Les Miserables',
             subtext: 'Default layout',
             top: 'bottom',
             left: 'right'
         },
         tooltip: {},
         legend: [{
             // selectedMode: 'single',
             data: categories.map(function (a) {
                 return a.name;
             })
         }],
         animation: false,
         series : [
             {
                 name: 'Les Miserables',
                 type: 'graph',
                 layout: 'force',
                 data: graph.nodes,
                 links: graph.links,
                 categories: categories,
                 roam: true,
                 label: {
                     normal: {
                         show:true,
                         position: 'right'
                     }
                 },
                 force: {
                     repulsion: 500
                 }
             }
         ]
     };

    return option;
}

option2:

var option2 = function() {
    var graph;
    var categories = [];
    $.ajax({
        url: 'data/xx.gexf',
        dataType: "xml",
        async: false,
        success: function (xml) {

            graph = echarts.dataTool.gexf.parse(xml);

            for (var i = 0; i < 9; i++) {
                categories[i] = {
                    name: '类目' + i
                };
            }
            graph.nodes.forEach(function (node) {
                node.itemStyle = null;
                node.value = node.symbolSize;
                node.symbolSize /= 1.5;
                node.label = {
                    normal: {
                        show: node.symbolSize > 30
                    }
                };
                node.category = node.attributes.modularity_class;
            });

        }

    });

    var option = {
            title: {
                text: 'Les Miserables',
                subtext: 'Default layout',
                top: 'bottom',
                left: 'right'
            },
            tooltip: {},
            legend: [{
                // selectedMode: 'single',
                data: categories.map(function (a) {
                    return a.name;
                })
            }],
            animationDuration: 1500,
            animationEasingUpdate: 'quinticInOut',
            series : [
                {
                    name: 'Les Miserables',
                    type: 'graph',
                    layout: 'none',
                    data: graph.nodes,
                    links: graph.links,
                    categories: categories,
                    roam: true,
                    label: {
                        normal: {
                            position: 'right',
                            formatter: '{b}'
                        }
                    },
                    lineStyle: {
                        normal: {
                            color: 'source',
                            curveness: 0.3
                        }
                    }
                }
            ]
        };

        return option;

}

les-miserables.gexf :

<?xml version="1.0" encoding="UTF-8"?>
<gexf xmlns="http://www.gexf.net/1.2draft" version="1.2" xmlns:viz="http://www.gexf.net/1.2draft/viz" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.gexf.net/1.2draft http://www.gexf.net/1.2draft/gexf.xsd">
  <meta lastmodifieddate="2014-01-30">
    <creator>Gephi 0.8.1</creator>
    <description></description>
  </meta>
  <graph defaultedgetype="undirected" mode="static">
    <attributes class="node" mode="static">
      <attribute id="modularity_class" title="Modularity Class" type="integer"></attribute>
    </attributes>
    <nodes>
      <node id="0" label="省数据管理中心">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="400"></viz:size>
        <viz:position x="-266.82776" y="299.6904" z="0.0"></viz:position>
        <viz:color r="400" g="81" b="72"></viz:color>
      </node>
      <node id="1" label="人口库基础信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-418.08344" y="446.8853" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="2" label="医师执业证书信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="-212.76357" y="245.29176" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="3" label="医师资格证书信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="-242.82404" y="235.26283" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="4" label="机动车登记信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-379.30386" y="429.06424" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="5" label="驾驶证信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-417.26337" y="406.03506" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="6" label="保障性住房数据(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-332.6012" y="485.16974" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="7" label="银行客户信息(信息项)">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-382.69568" y="475.09113" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="8" label="基本信息(一级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-320.384" y="387.17325" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="9" label="资格证书信息(一级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-344.39832" y="451.16772" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="10" label="资产信息(一级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-89.34107" y="234.56128" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="11" label="财务信息(一级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="100.0"></viz:size>
        <viz:position x="-87.93029" y="-6.8120565" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="12" label="人口库基础信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="-339.77908" y="-184.69139" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="13" label="医师执业证书信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-194.31313" y="178.55301" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="14" label="医师资格证书信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-158.05168" y="201.99768" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="15" label="机动车登记信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-127.701546" y="242.55057" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="16" label="驾驶证信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="25.942856"></viz:size>
        <viz:position x="-385.2226" y="-393.5572" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="17" label="保障性住房数据(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-516.55884" y="-393.98975" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="18" label="银行客户信息(二级信息)">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-464.79382" y="-493.57944" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="19" label="浙江省人口信息数据库">
        <attvalues>
          <attvalue for="modularity_class" value="4"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-515.1624" y="-456.9891" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
    </nodes>
    <edges>
      <edge id="0" source="1" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="1" source="2" target="0" weight="8.0">
        <attvalues></attvalues>
      </edge>
      <edge id="2" source="3" target="0" weight="10.0">
        <attvalues></attvalues>
      </edge>
      <edge id="3" source="4" target="0" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="4" source="5" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="5" source="6" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="6" source="7" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="7" source="8" target="1">
        <attvalues></attvalues>
      </edge>
      <edge id="8" source="9" target="2" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="9" source="9" target="3">
        <attvalues></attvalues>
      </edge>
      <edge id="13" source="10" target="4" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="11" source="9" target="5" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="10" source="10" target="6">
        <attvalues></attvalues>
      </edge>
      <edge id="14" source="11" target="7">
        <attvalues></attvalues>
      </edge>
      <edge id="15" source="12" target="8">
        <attvalues></attvalues>
      </edge>
      <edge id="16" source="13" target="9">
        <attvalues></attvalues>
      </edge>
      <edge id="17" source="14" target="9">
        <attvalues></attvalues>
      </edge>
      <edge id="18" source="15" target="10">
        <attvalues></attvalues>
      </edge>
      <edge id="19" source="16" target="9" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="20" source="17" target="10" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="21" source="18" target="11" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="22" source="19" target="12" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="23" source="19" target="13" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="24" source="19" target="14" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="25" source="19" target="15" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="26" source="19" target="16" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="27" source="19" target="17" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="28" source="19" target="18" weight="3.0">
        <attvalues></attvalues>
      </edge>
    </edges>
  </graph>
</gexf>

xx.gexf:

<?xml version="1.0" encoding="UTF-8"?>
<gexf xmlns="http://www.gexf.net/1.2draft" version="1.2" xmlns:viz="http://www.gexf.net/1.2draft/viz" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.gexf.net/1.2draft http://www.gexf.net/1.2draft/gexf.xsd">
  <meta lastmodifieddate="2014-01-30">
    <creator>Gephi 0.8.1</creator>
    <description></description>
  </meta>
  <graph defaultedgetype="undirected" mode="static">
    <attributes class="node" mode="static">
      <attribute id="modularity_class" title="Modularity Class" type="integer"></attribute>
    </attributes>
    <nodes>
      <node id="0" label="Myriel">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="28.685715"></viz:size>
        <viz:position x="-266.82776" y="299.6904" z="0.0"></viz:position>
        <viz:color r="235" g="81" b="72"></viz:color>
      </node>
      <node id="1" label="Napoleon">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-418.08344" y="446.8853" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="2" label="MlleBaptistine">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="-212.76357" y="245.29176" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="3" label="MmeMagloire">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="-242.82404" y="235.26283" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="4" label="CountessDeLo">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-379.30386" y="429.06424" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="5" label="Geborand">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-417.26337" y="406.03506" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="6" label="Champtercier">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-332.6012" y="485.16974" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="7" label="Cravatte">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-382.69568" y="475.09113" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="8" label="Count">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-320.384" y="387.17325" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="9" label="OldMan">
        <attvalues>
          <attvalue for="modularity_class" value="0"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-344.39832" y="451.16772" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="10" label="Labarre">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-89.34107" y="234.56128" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="11" label="Valjean">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="100.0"></viz:size>
        <viz:position x="-87.93029" y="-6.8120565" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="12" label="Marguerite">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="-339.77908" y="-184.69139" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="13" label="MmeDeR">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-194.31313" y="178.55301" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="14" label="Isabeau">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-158.05168" y="201.99768" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="15" label="Gervais">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-127.701546" y="242.55057" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="16" label="Tholomyes">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="25.942856"></viz:size>
        <viz:position x="-385.2226" y="-393.5572" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="17" label="Listolier">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-516.55884" y="-393.98975" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="18" label="Fameuil">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-464.79382" y="-493.57944" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="19" label="Blacheville">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-515.1624" y="-456.9891" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="20" label="Favourite">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-408.12122" y="-464.5048" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="21" label="Dahlia">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-456.44113" y="-425.13303" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="22" label="Zephine">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="-459.1107" y="-362.5133" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="23" label="Fantine">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="42.4"></viz:size>
        <viz:position x="-313.42786" y="-289.44803" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="24" label="MmeThenardier">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="4.6313396" y="-273.8517" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="25" label="Thenardier">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="45.142853"></viz:size>
        <viz:position x="82.80825" y="-203.1144" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="26" label="Cosette">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="78.64646" y="-31.512747" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="27" label="Javert">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="47.88571"></viz:size>
        <viz:position x="-81.46074" y="-204.20204" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="28" label="Fauchelevent">
        <attvalues>
          <attvalue for="modularity_class" value="4"></attvalue>
        </attvalues>
        <viz:size value="12.228573"></viz:size>
        <viz:position x="-225.73984" y="82.41631" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="29" label="Bamatabois">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="23.2"></viz:size>
        <viz:position x="-385.6842" y="-20.206686" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="30" label="Perpetue">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="-403.92447" y="-197.69823" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="31" label="Simplice">
        <attvalues>
          <attvalue for="modularity_class" value="2"></attvalue>
        </attvalues>
        <viz:size value="12.228573"></viz:size>
        <viz:position x="-281.4253" y="-158.45137" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="32" label="Scaufflaire">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-122.41348" y="210.37503" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="33" label="Woman1">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="-234.6001" y="-113.15067" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="34" label="Judge">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="17.714287"></viz:size>
        <viz:position x="-387.84915" y="58.7059" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="35" label="Champmathieu">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="17.714287"></viz:size>
        <viz:position x="-338.2307" y="87.48405" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="36" label="Brevet">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="17.714287"></viz:size>
        <viz:position x="-453.26874" y="58.94648" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="37" label="Chenildieu">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="17.714287"></viz:size>
        <viz:position x="-386.44904" y="140.05937" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="38" label="Cochepaille">
        <attvalues>
          <attvalue for="modularity_class" value="3"></attvalue>
        </attvalues>
        <viz:size value="17.714287"></viz:size>
        <viz:position x="-446.7876" y="123.38005" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="39" label="Pontmercy">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="336.49738" y="-269.55914" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="40" label="Boulatruelle">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="29.187843" y="-460.13132" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="41" label="Eponine">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="238.36697" y="-210.00926" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="42" label="Anzelma">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="189.69513" y="-346.50662" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="43" label="Woman2">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="-187.00418" y="-145.02663" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="44" label="MotherInnocent">
        <attvalues>
          <attvalue for="modularity_class" value="4"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="-252.99521" y="129.87549" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="45" label="Gribier">
        <attvalues>
          <attvalue for="modularity_class" value="4"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="-296.07935" y="163.11964" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="46" label="Jondrette">
        <attvalues>
          <attvalue for="modularity_class" value="5"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="550.3201" y="522.4031" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="47" label="MmeBurgon">
        <attvalues>
          <attvalue for="modularity_class" value="5"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="488.13535" y="356.8573" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="48" label="Gavroche">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="61.600006"></viz:size>
        <viz:position x="387.89572" y="110.462326" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="49" label="Gillenormand">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="126.4831" y="68.10622" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="50" label="Magnon">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="127.07365" y="-113.05923" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="51" label="MlleGillenormand">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="162.63559" y="117.6565" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="52" label="MmePontmercy">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="353.66415" y="-205.89165" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="53" label="MlleVaubois">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="165.43939" y="339.7736" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="54" label="LtGillenormand">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="12.228573"></viz:size>
        <viz:position x="137.69348" y="196.1069" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="55" label="Marius">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="53.37143"></viz:size>
        <viz:position x="206.44687" y="-13.805411" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="56" label="BaronessT">
        <attvalues>
          <attvalue for="modularity_class" value="6"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="194.82993" y="224.78036" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="57" label="Mabeuf">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="597.6618" y="135.18481" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="58" label="Enjolras">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="42.4"></viz:size>
        <viz:position x="355.78366" y="-74.882454" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="59" label="Combeferre">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="515.2961" y="-46.167564" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="60" label="Prouvaire">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="25.942856"></viz:size>
        <viz:position x="614.29285" y="-69.3104" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="61" label="Feuilly">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="31.428574"></viz:size>
        <viz:position x="550.1917" y="-128.17537" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="62" label="Courfeyrac">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="36.91429"></viz:size>
        <viz:position x="436.17184" y="-12.7286825" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="63" label="Bahorel">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="34.17143"></viz:size>
        <viz:position x="602.55225" y="16.421427" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="64" label="Bossuet">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="36.91429"></viz:size>
        <viz:position x="455.81955" y="-115.45826" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="65" label="Joly">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="34.17143"></viz:size>
        <viz:position x="516.40784" y="47.242233" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="66" label="Grantaire">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="28.685715"></viz:size>
        <viz:position x="646.4313" y="-151.06331" z="0.0"></viz:position>
        <viz:color r="235" g="81" b="72"></viz:color>
      </node>
      <node id="67" label="MotherPlutarch">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="4.0"></viz:size>
        <viz:position x="668.9568" y="204.65488" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="68" label="Gueulemer">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="28.685715"></viz:size>
        <viz:position x="78.4799" y="-347.15146" z="0.0"></viz:position>
        <viz:color r="235" g="81" b="72"></viz:color>
      </node>
      <node id="69" label="Babet">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="28.685715"></viz:size>
        <viz:position x="150.35959" y="-298.50797" z="0.0"></viz:position>
        <viz:color r="235" g="81" b="72"></viz:color>
      </node>
      <node id="70" label="Claquesous">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="28.685715"></viz:size>
        <viz:position x="137.3717" y="-410.2809" z="0.0"></viz:position>
        <viz:color r="235" g="81" b="72"></viz:color>
      </node>
      <node id="71" label="Montparnasse">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="25.942856"></viz:size>
        <viz:position x="234.87747" y="-400.85983" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="72" label="Toussaint">
        <attvalues>
          <attvalue for="modularity_class" value="1"></attvalue>
        </attvalues>
        <viz:size value="9.485714"></viz:size>
        <viz:position x="40.942253" y="113.78272" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="73" label="Child1">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="437.939" y="291.58234" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="74" label="Child2">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="6.742859"></viz:size>
        <viz:position x="466.04922" y="283.3606" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="75" label="Brujon">
        <attvalues>
          <attvalue for="modularity_class" value="7"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="238.79364" y="-314.06345" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
      <node id="76" label="MmeHucheloup">
        <attvalues>
          <attvalue for="modularity_class" value="8"></attvalue>
        </attvalues>
        <viz:size value="20.457146"></viz:size>
        <viz:position x="712.18353" y="4.8131495" z="0.0"></viz:position>
        <viz:color r="236" g="81" b="72"></viz:color>
      </node>
    </nodes>
    <edges>
      <edge id="0" source="1" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="1" source="2" target="0" weight="8.0">
        <attvalues></attvalues>
      </edge>
      <edge id="2" source="3" target="0" weight="10.0">
        <attvalues></attvalues>
      </edge>
      <edge id="3" source="3" target="2" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="4" source="4" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="5" source="5" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="6" source="6" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="7" source="7" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="8" source="8" target="0" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="9" source="9" target="0">
        <attvalues></attvalues>
      </edge>
      <edge id="13" source="11" target="0" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge source="11" target="2" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="11" source="11" target="3" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="10" source="11" target="10">
        <attvalues></attvalues>
      </edge>
      <edge id="14" source="12" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="15" source="13" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="16" source="14" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="17" source="15" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="18" source="17" target="16" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="19" source="18" target="16" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="20" source="18" target="17" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="21" source="19" target="16" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="22" source="19" target="17" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="23" source="19" target="18" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="24" source="20" target="16" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="25" source="20" target="17" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="26" source="20" target="18" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="27" source="20" target="19" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="28" source="21" target="16" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="29" source="21" target="17" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="30" source="21" target="18" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="31" source="21" target="19" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="32" source="21" target="20" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="33" source="22" target="16" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="34" source="22" target="17" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="35" source="22" target="18" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="36" source="22" target="19" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="37" source="22" target="20" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="38" source="22" target="21" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="47" source="23" target="11" weight="9.0">
        <attvalues></attvalues>
      </edge>
      <edge id="46" source="23" target="12" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="39" source="23" target="16" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="40" source="23" target="17" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="41" source="23" target="18" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="42" source="23" target="19" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="43" source="23" target="20" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="44" source="23" target="21" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="45" source="23" target="22" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge source="24" target="11" weight="7.0">
        <attvalues></attvalues>
      </edge>
      <edge id="48" source="24" target="23" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="52" source="25" target="11" weight="12.0">
        <attvalues></attvalues>
      </edge>
      <edge id="51" source="25" target="23">
        <attvalues></attvalues>
      </edge>
      <edge id="50" source="25" target="24" weight="13.0">
        <attvalues></attvalues>
      </edge>
      <edge source="26" target="11" weight="31.0">
        <attvalues></attvalues>
      </edge>
      <edge source="26" target="16">
        <attvalues></attvalues>
      </edge>
      <edge id="53" source="26" target="24" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="56" source="26" target="25">
        <attvalues></attvalues>
      </edge>
      <edge id="57" source="27" target="11" weight="17.0">
        <attvalues></attvalues>
      </edge>
      <edge id="58" source="27" target="23" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge source="27" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="59" source="27" target="25" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="61" source="27" target="26">
        <attvalues></attvalues>
      </edge>
      <edge id="62" source="28" target="11" weight="8.0">
        <attvalues></attvalues>
      </edge>
      <edge id="63" source="28" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="66" source="29" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="64" source="29" target="23">
        <attvalues></attvalues>
      </edge>
      <edge id="65" source="29" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="67" source="30" target="23">
        <attvalues></attvalues>
      </edge>
      <edge source="31" target="11" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge source="31" target="23" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge source="31" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="68" source="31" target="30" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="72" source="32" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="73" source="33" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="74" source="33" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="75" source="34" target="11" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="76" source="34" target="29" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="77" source="35" target="11" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge source="35" target="29" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="78" source="35" target="34" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="82" source="36" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="83" source="36" target="29">
        <attvalues></attvalues>
      </edge>
      <edge id="80" source="36" target="34" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="81" source="36" target="35" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="87" source="37" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="88" source="37" target="29">
        <attvalues></attvalues>
      </edge>
      <edge id="84" source="37" target="34" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="85" source="37" target="35" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="86" source="37" target="36" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="93" source="38" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="94" source="38" target="29">
        <attvalues></attvalues>
      </edge>
      <edge id="89" source="38" target="34" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="90" source="38" target="35" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="91" source="38" target="36" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="92" source="38" target="37" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="95" source="39" target="25">
        <attvalues></attvalues>
      </edge>
      <edge id="96" source="40" target="25">
        <attvalues></attvalues>
      </edge>
      <edge id="97" source="41" target="24" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="98" source="41" target="25" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="101" source="42" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="100" source="42" target="25" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="99" source="42" target="41" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="102" source="43" target="11" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="103" source="43" target="26">
        <attvalues></attvalues>
      </edge>
      <edge id="104" source="43" target="27">
        <attvalues></attvalues>
      </edge>
      <edge source="44" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="105" source="44" target="28" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="107" source="45" target="28" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="108" source="47" target="46">
        <attvalues></attvalues>
      </edge>
      <edge id="112" source="48" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="110" source="48" target="25">
        <attvalues></attvalues>
      </edge>
      <edge id="111" source="48" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="109" source="48" target="47" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge source="49" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="113" source="49" target="26" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge source="50" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="115" source="50" target="49">
        <attvalues></attvalues>
      </edge>
      <edge id="119" source="51" target="11" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="118" source="51" target="26" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="117" source="51" target="49" weight="9.0">
        <attvalues></attvalues>
      </edge>
      <edge source="52" target="39">
        <attvalues></attvalues>
      </edge>
      <edge id="120" source="52" target="51">
        <attvalues></attvalues>
      </edge>
      <edge id="122" source="53" target="51">
        <attvalues></attvalues>
      </edge>
      <edge id="125" source="54" target="26">
        <attvalues></attvalues>
      </edge>
      <edge id="124" source="54" target="49">
        <attvalues></attvalues>
      </edge>
      <edge id="123" source="54" target="51" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="131" source="55" target="11" weight="19.0">
        <attvalues></attvalues>
      </edge>
      <edge id="132" source="55" target="16">
        <attvalues></attvalues>
      </edge>
      <edge id="133" source="55" target="25" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge source="55" target="26" weight="21.0">
        <attvalues></attvalues>
      </edge>
      <edge id="128" source="55" target="39">
        <attvalues></attvalues>
      </edge>
      <edge id="134" source="55" target="41" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="135" source="55" target="48" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="127" source="55" target="49" weight="12.0">
        <attvalues></attvalues>
      </edge>
      <edge id="126" source="55" target="51" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="129" source="55" target="54">
        <attvalues></attvalues>
      </edge>
      <edge id="136" source="56" target="49">
        <attvalues></attvalues>
      </edge>
      <edge id="137" source="56" target="55">
        <attvalues></attvalues>
      </edge>
      <edge source="57" target="41">
        <attvalues></attvalues>
      </edge>
      <edge source="57" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="138" source="57" target="55">
        <attvalues></attvalues>
      </edge>
      <edge id="145" source="58" target="11" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge source="58" target="27" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="142" source="58" target="48" weight="7.0">
        <attvalues></attvalues>
      </edge>
      <edge id="141" source="58" target="55" weight="7.0">
        <attvalues></attvalues>
      </edge>
      <edge id="144" source="58" target="57">
        <attvalues></attvalues>
      </edge>
      <edge id="148" source="59" target="48" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="147" source="59" target="55" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge source="59" target="57" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="146" source="59" target="58" weight="15.0">
        <attvalues></attvalues>
      </edge>
      <edge id="150" source="60" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="151" source="60" target="58" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="152" source="60" target="59" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="153" source="61" target="48" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="158" source="61" target="55">
        <attvalues></attvalues>
      </edge>
      <edge id="157" source="61" target="57">
        <attvalues></attvalues>
      </edge>
      <edge id="154" source="61" target="58" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="156" source="61" target="59" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="155" source="61" target="60" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="164" source="62" target="41">
        <attvalues></attvalues>
      </edge>
      <edge id="162" source="62" target="48" weight="7.0">
        <attvalues></attvalues>
      </edge>
      <edge id="159" source="62" target="55" weight="9.0">
        <attvalues></attvalues>
      </edge>
      <edge source="62" target="57" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="160" source="62" target="58" weight="17.0">
        <attvalues></attvalues>
      </edge>
      <edge id="161" source="62" target="59" weight="13.0">
        <attvalues></attvalues>
      </edge>
      <edge source="62" target="60" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="165" source="62" target="61" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge source="63" target="48" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="174" source="63" target="55">
        <attvalues></attvalues>
      </edge>
      <edge source="63" target="57" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge source="63" target="58" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="167" source="63" target="59" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge source="63" target="60" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="172" source="63" target="61" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="169" source="63" target="62" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="184" source="64" target="11">
        <attvalues></attvalues>
      </edge>
      <edge source="64" target="48" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="175" source="64" target="55" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="183" source="64" target="57">
        <attvalues></attvalues>
      </edge>
      <edge id="179" source="64" target="58" weight="10.0">
        <attvalues></attvalues>
      </edge>
      <edge id="182" source="64" target="59" weight="9.0">
        <attvalues></attvalues>
      </edge>
      <edge id="181" source="64" target="60" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="180" source="64" target="61" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="176" source="64" target="62" weight="12.0">
        <attvalues></attvalues>
      </edge>
      <edge id="178" source="64" target="63" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="187" source="65" target="48" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="194" source="65" target="55" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="193" source="65" target="57">
        <attvalues></attvalues>
      </edge>
      <edge source="65" target="58" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="192" source="65" target="59" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge source="65" target="60" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="190" source="65" target="61" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="188" source="65" target="62" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="185" source="65" target="63" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="186" source="65" target="64" weight="7.0">
        <attvalues></attvalues>
      </edge>
      <edge id="200" source="66" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="196" source="66" target="58" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="197" source="66" target="59">
        <attvalues></attvalues>
      </edge>
      <edge id="203" source="66" target="60">
        <attvalues></attvalues>
      </edge>
      <edge id="202" source="66" target="61">
        <attvalues></attvalues>
      </edge>
      <edge id="198" source="66" target="62" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="201" source="66" target="63">
        <attvalues></attvalues>
      </edge>
      <edge id="195" source="66" target="64" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="199" source="66" target="65" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="204" source="67" target="57" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge source="68" target="11">
        <attvalues></attvalues>
      </edge>
      <edge source="68" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="205" source="68" target="25" weight="5.0">
        <attvalues></attvalues>
      </edge>
      <edge id="208" source="68" target="27">
        <attvalues></attvalues>
      </edge>
      <edge source="68" target="41">
        <attvalues></attvalues>
      </edge>
      <edge id="209" source="68" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="213" source="69" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="214" source="69" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="211" source="69" target="25" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge source="69" target="27" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="217" source="69" target="41">
        <attvalues></attvalues>
      </edge>
      <edge id="216" source="69" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="212" source="69" target="68" weight="6.0">
        <attvalues></attvalues>
      </edge>
      <edge id="221" source="70" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="222" source="70" target="24">
        <attvalues></attvalues>
      </edge>
      <edge id="218" source="70" target="25" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="223" source="70" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="224" source="70" target="41">
        <attvalues></attvalues>
      </edge>
      <edge id="225" source="70" target="58">
        <attvalues></attvalues>
      </edge>
      <edge id="220" source="70" target="68" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="219" source="70" target="69" weight="4.0">
        <attvalues></attvalues>
      </edge>
      <edge id="230" source="71" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="233" source="71" target="25">
        <attvalues></attvalues>
      </edge>
      <edge id="226" source="71" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="232" source="71" target="41">
        <attvalues></attvalues>
      </edge>
      <edge source="71" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="228" source="71" target="68" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="227" source="71" target="69" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="229" source="71" target="70" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="236" source="72" target="11">
        <attvalues></attvalues>
      </edge>
      <edge id="234" source="72" target="26" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="235" source="72" target="27">
        <attvalues></attvalues>
      </edge>
      <edge id="237" source="73" target="48" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="238" source="74" target="48" weight="2.0">
        <attvalues></attvalues>
      </edge>
      <edge id="239" source="74" target="73" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="242" source="75" target="25" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="244" source="75" target="41">
        <attvalues></attvalues>
      </edge>
      <edge source="75" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="241" source="75" target="68" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="240" source="75" target="69" weight="3.0">
        <attvalues></attvalues>
      </edge>
      <edge id="245" source="75" target="70">
        <attvalues></attvalues>
      </edge>
      <edge id="246" source="75" target="71">
        <attvalues></attvalues>
      </edge>
      <edge id="252" source="76" target="48">
        <attvalues></attvalues>
      </edge>
      <edge id="253" source="76" target="58">
        <attvalues></attvalues>
      </edge>
      <edge id="251" source="76" target="62">
        <attvalues></attvalues>
      </edge>
      <edge id="250" source="76" target="63">
        <attvalues></attvalues>
      </edge>
      <edge id="247" source="76" target="64">
        <attvalues></attvalues>
      </edge>
      <edge id="248" source="76" target="65">
        <attvalues></attvalues>
      </edge>
      <edge id="249" source="76" target="66">
        <attvalues></attvalues>
      </edge>
    </edges>
  </graph>
</gexf>

效果图1图1：option

效果图2 图2

if_you_can_please_do
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
echarts 关系图 参数_Echarts关系图（使用重力图）
weixin_39527768的博客
12-22 765
首先展示一下该关系图效果很简单的关系图，不过其中经历不少波折。使用的是echarts2。现在贴出代码：1 functiondos(){2 var name=document.getElementById("name").value;3 $.post("GetChartData",{name:name},function(data){4 //路径配置5 require.config(...
echarts做企业关系图谱_echarts关系图谱的数据格式
weixin_42303461的博客
12-30 949
1.使用echarts graph 有俩个数组 一个是 节点数组 一个是关系数组2.使用echarts GraphNode类 中的 label_opts[标签配置项] 的rich属性class pyecharts.options.GraphNodeclass GraphNode(# 数据项名称。name: Optional[str] = None,# 节点的初始 x 值。在不指定的时候需要指明l...
echarts 关系图 参数_echarts的各种参数
weixin_39956443的博客
12-22 308
echarts的各种参数<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+r...
Echarts中Option属性设置
最新发布
2401_84048225的博客
04-14 1183
type: ‘category’, //‘value’ 数值轴，适用于连续数据。‘log’ 对数轴。position:[‘50%’, ‘50%’], //提示框浮层的位置，默认不设置时位置会跟随鼠标的位置,[10, 10],回掉函数，inside鼠标所在图形的内部中心位置，top、left、bottom、right鼠标所在图形上侧，左侧，下侧，右侧，}}, ‘2/7’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’]//每一项也可以是具体的配置项，此时取配置项中的。
echarts 关系图 参数_Echarts 的grid各个参数的含义
weixin_42120275的博客
01-13 1177
在谈 formatter 之前，先来说说 grid。在官方文档中，grid 介绍的很详细。见网址：http://echarts.baidu.com/doc/doc.html#Grid grid 为直角坐标系内绘图网格，可以设置 x y x2 y2 等值。这在控制图表摆放位置上，起了重要的作用。如图所示，x 为直角坐标系内绘图网格左上角横坐标，数值单位px，支持百分比(字符串)，如'50%'(显示...
echarts树形思维导图
10-09
echarts树形实例，使用echarts2.x版本（高版本将树形实例已移除），内容包括html，和echarts.js文件
echarts动态关系图示例
11-02
echarts动态加载关系图示例，三层结构，中心关系子层，子层再次关系子层。echarts动态加载关系图示例，三层结构，中心关系子层，子层再次关系子层。
echarts 关系图graph
热门推荐
weixin_43294560的博客
11-06 1万+
1、配置数据类型 data:[ { name:'节点名称', value:'节点值' x:节点坐标, 在不指定的时候需要指明layout属性选择布局方式。 y:节点坐标, symbolSize: 80, draggable: true, 节点是否可拖拽，只在使用力引导布局的时候有用。 itemStyle: {} } ] 2、配置series series:[{ type: 'graph',
如何使用echart的Graph图实现一个流程控制图
一步一个脚印
07-20 1万+
前言：最近接到一个新需求，需要写一个新模块，这个模块主要是用于查看当前每个生产计划的完成情况，然后所有的生产计划都列在了表格里，而流程控制图用于直观展示选中的生产计划的完成进度1、首先看一下这个生产计划的流程控制图大概的样子2、我们分析一下后端给出的数据接口（这是根据事先约定好的数据） data属性对应后台返回的数据，是一个数组，数组里面的元素对应流程控制图的每一个节点，id字段表示当前节点的id
【ECharts】关系图(graph)添加波点涟漪效果（option配置）
姜太小白的博客
10-21 1520
option = { xAxis : [{ type : 'value', splitLine: { show: false }, axisTick: { show: false }, axisLabel: { show: false, interval: 0, ...
echart 相同代码一个参数的不同的三种效果（layout）
weixin_45455621的博客
05-22 2361
echart: 1. 力导向布局 layout: “force” 2. 不采用任何布局 layout: “none” 这种布局，我进行了计算，把主节点放到中间，关联节点放四周… let radians = (Math.PI / 180) * Math.round(360 / (response.dataList.nodesDTOS.length - this.multipleSelection.length )) x: 判断是否是主节点 ? ((window.innerWidth-730)/2) :
echarts人物关系图
12-04
根据Echarts生成人物关系图.
gexf4j, 一个GEXF文件格式的java库.zip
09-18
gexf4j, 一个GEXF文件格式的java库 gexf4j-- GEXF文件格式的java库最新版本：1.0.0作者： Ficarola 。测试作者：Tadas Subonis作者：，。v0.2作者：Javier CampaniniGEXF文件格式Java库。 它支持
echarts的关系图的demo
北方的木的博客
04-15 1218
效果图如下 demo代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="/jquery/echarts.js"></script> </head> <body> <form id="form1" runat="server">
echarts关系图graph报错
qq_42264793的博客
09-03 2646
echarts关系图 报错__focusNodeAdjacency of undefined // echarts关系图 报错 Uncaught TypeError: Cannot read property '__focusNodeAdjacency' of undefined at GraphView.js:184 at Graph.graphProto.eachEdge (Graph.js:250) at ExtendedClass.render (GraphView.js:1
echarts 结合ajax完成上下级关系图的绘制
qq_27971625的博客
07-26 4759
这10天一直在做一个关于企业关系图的模块，一开始的时候用公司的框架，但是做出来的效果很low，当然因为一开始的时候只是想着在做的过程中学习公司的框架。后来主管推荐我用echarts来做，于是经过这1个星期把这个模块算是做的跟需求文档上要求的差不多了。在这里把过程记录一下。 因为我是直接在公司的项目上做的，而公司框架用的是xfire+spring,对于xfire我还不太了解，所以就先用最基础的js
JS之使用Echarts画出人际关系图
小达哥的博客
09-04 9980
首先在html中写一个壳子，通过ajax获取数据后再向壳子中注入数据即可 1、html代码如下： <div class="strip_out"> <div class="strip" id="interpersonalRelationship"></div> </div> 2、JS代码如下： 数据往哪组装呢：根据id var in...
echarts 关系图 图片
09-09
很抱歉，作为一个文本AI模型，我无法直接显示图片。但是，你可以通过以下步骤来获取Echarts关系图的图片： 1. 首先，你需要安装Echarts库。你可以在Echarts的官方网站（https://www.echartsjs.com/zh/index.html）上找到安装和使用文档。 2. 使用Echarts创建你想要的关系图，并将其保存为图片。你可以使用Echarts提供的API和配置选项来定义图表的样式和数据。 3. 保存关系图为图片。Echarts提供了`echarts.convertToImage`方法，可以将关系图转换为图片，并可以选择下载或保存。 以下是一个简单的示例代码，展示了如何使用Echarts创建一个关系图并保存为图片： ```javascript // 引入Echarts库 import echarts from 'echarts'; // 创建一个关系图实例 const chart = echarts.init(document.getElementById('chart-container')); // 配置关系图的样式和数据 const option = { // 配置选项... series: [{ type: 'graph', // 数据... }] }; // 设置关系图的配置项 chart.setOption(option); // 将关系图转换为图片 chart.convertToImage({ type: 'png', // 图片类型 pixelRatio: 1, // 分辨率 backgroundColor: '#fff', // 背景颜色 }); // 保存关系图为图片 chart.saveAsImage('relation_chart.png'); ``` 请确保你已经正确安装了Echarts库，并在HTML文件中添加了一个具有唯一id的div元素（例如`<div id="chart-container"></div>`）作为关系图的容器。 希望这能帮到你！如果你有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值