Echarts Les Miserables使用
Echarts是百度的一个非常好用的可视化工具,其中大部分的工具使用都不需要过多配置,下载下来都能直接用。这次在使用les miserables网络图时遇到一些问题,记录一下。对于其中的很多问题其实都是一知半解,需要后续进一步的研究讨论。
下载
选好喜欢的样式,右下角点击下载,准备好相关的包和数据集。
数据地址:数据集,直接ctrl+s保存。
根据存放目录修改代码路径。
问题:
尝试直接点开html文件(echarts里面很多简单的图表这样就可以直接运行了)
发现一直显示Loading
打开检查:
这个问题是来自于跨域访问,可以理解为$.get不支持当前的协议,只支持http, data, chrome, chrome-extension, chrome-untrusted, https。
解决方案
怎么要求怎么来,用flask启个服务
注意修改相关路径。
启动,正常运行。
写在后面
在之前使用的时候,当时还遇到了一个奇怪的问题,就是$.get的回调函数无法正常进入,当时尝试改为axios,折腾了半天突然就跑通了。当时以为是问题在此,写这篇博客也本来是想分享这部分的内容。
但这次写博客的过程中,开始也遇到了这一问题,尝试改为axios后仍然没有解决,用axios虽然可以执行响应,但是读进来的数据是string,调整数据格式仍然无法正常运行。突发奇想是不是数据有问题(一直用的是不知道从哪下的数据,本博客中的数据在本文写作时确认正常),换了个下载地址(即本文分享的地址),直接就跑通了。
同时猜测,上次可能也是中间修改了数据,但没有注意,所以以为是请求的问题。
这个故事告诉我们,认真检查数据。
最后附上代码
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div