java中echarts关系图中如何引用dataTool:Uncaught TypeError: Cannot read property 'gexf' of undefined

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了java中echarts关系图中如何引用dataTool:Uncaught TypeError: Cannot read property 'gexf' of undefined相关的知识,希望对你有一定的参考价值。

参考技术A 使用echarts,只需要导入这个包就可以了
<!-- echarts报表图形 -->
<script src="static/common/js/echarts.js" type="text/javascript"></script>
你报的错误好像是读取了一个未定义的属性“gexf”追问

是这个报错了

追答

用echart图标显示数据的话,你那边最好就是传递json的数据格式,那样的话可以直接将数据显示在页面中,你这个使用的是xml数据格式?

追问

不是数据问题,是js问题:
echarts-all-3.js
dataTool.min.js
china.js
world.js
http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM
bmap.min.js

追答

你引入的dataTool的js文件修改一下,dataTool.min.js和dataTool.js引入的是同一个,dataTool.min.js代表是dataTool.js压缩过后的,然后你尝试一下只引入
echarts.js、jquery.js、dataTool.js这三个js文件试一下

本回答被提问者采纳

用Pyecharts绘制网络关系图

参考技术A

对照pyecharts文档照猫画虎,绘制了一个文本引用关系的关系图。

按照说明文档,关系图需要的数据包括:GraphNode(节点数据项)、GraphLink(节点间的关系数据)和GraphCategory(节点分类类目),如下图。

我自己绘制的关系图如下。试了下 \'symbol\' 参数指定节点图形;以及将节点连线指定为由 \'source\' 指向 \'target\' 的有向图形式。

发现当GraphNode数据中存在 \'id\' 属性时,GraphLink中[\'source\': id_x , \'target\': id_y]必须 与GraphNode的id相对应 (参见上图Pyecharts Graph: Les Miserables),而不是与 \'name\' 对应。
links中的数据为[\'id\': \'0\', \'source\': \'1\', \'target\': \'0\'…]
我倒是觉得这种形式的描述并不直观,不如直接[ \'source\': \'Napoleon\', \'target\': \'Myriel\'…]看得更明白。
实际上GraphNode和GraphLink并不需要 \'id\' 属性,可以直接省去也不妨事。

一开始严格按照说明文档示例 \'id\' = \'0\',读取csv文件时加了一句 dtype=object 来指定 \'id\' 为字符串 \'0\' 而不是数字0,后来发现其实这里的数据类型对绘制关系图并无影响,类似的,节点中写成了\'symbolSize\': \'9.4 \'也不影响。
不过如前所述,其实并不需要\'id\'属性。

以上是关于java中echarts关系图中如何引用dataTool:Uncaught TypeError: Cannot read property 'gexf' of undefined的主要内容,如果未能解决你的问题,请参考以下文章

react如何改变Echart条形图中Select Bar的颜色

echarts中如何在柱状图中每一条内容上面显示数字

echarts饼图中间的字如何自适应

在vue里面引入echarts(柱状图,饼图,折线图))

用Pyecharts绘制网络关系图

echart散点图问题:如何在散点图中特别标出某一个特定的点,如[120,70]