Question

我希望使用ECharts来实现页面。在此页面中，用户可以使用一些按钮来添加节点（或边缘）或编辑节点（或边缘）的名称。因此，我想操纵关系图的节点，例如此处所示的力布局： https://echarts.apache.org/examples/en/editor.html?c=graph-force 现在我的问题是，由于示例中图形的数据是由gexf文件提供的，有没有办法通过javascript控制它们？就像添加节点，删除节点或编辑节点（或边）一样。

Answer 1

该示例中使用的数据为XML格式，随后将其转换为对象数组，您可以查看该格式并使用javascript生成自己的格式。例如，

var nodes = [
    {
      id: "0",
      name: "",
      itemStyle: null,
      symbolSize: 50,
      attributes: {
        modularity_class: 0
      },
      value: 28.685715,
      label: {
        show: false
      },
      category: 0
    },
    {
      id: "1",
      name: "",
      itemStyle: null,
      symbolSize: 10,
      attributes: {
        modularity_class: 0
      },
      value: 4,
      label: {
        show: false
      },
      category: 0
    },
    {
      id: "2",
      name: "",
      itemStyle: null,
      symbolSize: 10,
      attributes: {
        modularity_class: 0
      },
      value: 9.485714,
      label: {
        show: false
      },
      category: 0
    }];

  var links = [
    {
      id: "0",
      name: null,
      source: "0",
      target: "1",
      lineStyle: {
        normal: {}
      }
    },
    {
      id: "1",
      name: null,
      source: "0",
      target: "2",
      lineStyle: {
        normal: {}
      }];

如何使用ECharts操纵关系图中的节点？

1 个答案: