Echarts学习笔记

Echarts Les Miserables使用

Echarts是百度的一个非常好用的可视化工具,其中大部分的工具使用都不需要过多配置,下载下来都能直接用。这次在使用les miserables网络图时遇到一些问题,记录一下。对于其中的很多问题其实都是一知半解,需要后续进一步的研究讨论。
https://echarts.apache.org/examples/zh/editor.html?c=graph

下载

选好喜欢的样式,右下角点击下载,准备好相关的包和数据集。
在这里插入图片描述

数据地址:数据集,直接ctrl+s保存。
根据存放目录修改代码路径。

问题:

尝试直接点开html文件(echarts里面很多简单的图表这样就可以直接运行了)
一直显示Loading
发现一直显示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
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值