首页 > 其他分享 >echarts 关系图(graph)里的links的起点和终点设置无效

echarts 关系图(graph)里的links的起点和终点设置无效

时间:2024-08-05 17:41:29浏览次数:14  
标签:target links graph echarts source 字符串 id 节点

问题描述,data里面数据也设置了id({id:1})这样设置的,links里面设置了source和target({source:0,target:1}),但是运行发现只显示了node没显示连线(edge),去看了文档描述

 1、source  stringnumber

 边的源节点名称的字符串,也支持使用数字表示源节点的索引。

2、target stringnumber

边的目标节点名称的字符串,也支持使用数字表示源节点的索引。

问题:
所有的点都没有links连接

问题原因:
links的target和source只允许接受字符串类型,如果接受int数字类型的,就是默认links数组中的先后序号,即从0开始自动分配index

解决办法就是把data里面的id和links的target和source 类型改成字符串类型,问题解决

 

 

 

标签:target,links,graph,echarts,source,字符串,id,节点
From: https://www.cnblogs.com/sgdkg/p/18343701

相关文章

  • 解锁GraphRag.Net的无限可能:手把手教你集成国产模型和本地模型
        在上次的文章中,我们已经详细介绍了GraphRag的基本功能和使用方式。如果你还不熟悉,建议先阅读前面的文章    通过前两篇文章,相信你已经了解到GraphRag.Net目前只支持OpenAI规范的接口,但许多小伙伴在社区中提议,希望能增加对本地模型(例如:ollama等)的支持。所以这......
  • Echarts 实现圆角环形图
     第一种方式:使用bar实现想要的效果:代码实现:constchartData={title:{text:'97',//圆环中间数字textStyle:{color:'#222222',fontSize:20,},subtext:'成功数',subtextS......
  • echarts自定义x轴和tooltip数据格式
    echarts自定义x轴和tooltip数据格式x轴和y轴数据格式如下x:[0,1,2,3,4,5,6,.....,23],y:[2.5,3.1,3.2,2.2,2.3,3.1,3.1,null,null,null,....,null]//接口返回0-23点的数据,每一个小时一个间隔,没有的话则为null 修改后xy轴数据格式如下//每五分钟一......
  • echarts折线组件
    echarts折线组件echarts折线组件<template><divclass="lineChartsTemplate":id="chartsId"></div></template><script>exportdefault{name:"lineChartsTemplate",components:{},props:{......
  • echarts设置tooltip遇到值为0不展示的问题(已解决)
    echarts设置tooltip遇到值为0不展示的问题(已解决)遇到值为0时tooltip:{trigger:"axis",extraCssText:"z-index:3",axisPointer:{type:"shadow",//默认为直线,可选为:'line'|'shadow'......
  • echarts设置tooltip的层级
    echarts设置tooltip的层级tooltip:{trigger:"axis",extraCssText:'z-index:3',//修改层级borderColor:"rgba(0,170,255)",},完整的option示例如下:option={tooltip:{trig......
  • Python_DAG-有向无环图-igraph
    DAG-有向无环图-igraph安装pipinstallpython-igraphpipinstallpycairopiplist发现Python安装的有igraph包有两个:igraph、python-igraph有向图 有向图(Digraph)是图论中的一种图结构,其中的边(弧)具有方向性,表明从一个节点(顶点)到另一个节点的单向关系。与无向图不同,无向......
  • ECharts与数据可视化:如何高效使用JavaScript实现复杂图表
    ECharts与数据可视化:如何高效使用JavaScript实现复杂图表大家好,我是微赚淘客系统3.0的小编,是个冬天不穿秋裤,天冷也要风度的程序猿!在现代网页开发中,数据可视化已成为展示复杂数据的关键手段。ECharts是一个强大的JavaScript图表库,可以帮助开发者轻松实现各种复杂的图表。本文......
  • 从数据爬取到可视化展示:Flask框架与ECharts深度解析
    目录......
  • Large Graph
    看到了曼哈顿距离,将其转换为切比雪夫距离转化时,坐标变化的几何意义就是将坐标逆时针旋转四十五度然后就可以发现同一行的数,如果这个数不是\(1\),那么就可以依次连接,于是我们就化简为了一维比如样例,考虑的数就是45345我考试的时候想到这一步了,但是接下来没想到,因为没有转换......