Vue前端使用echarts(径向树状图)

news/2024/11/29 8:46:44/

Vue前端使用echarts

错误

Error: Initialize failed: invalid dom.
在这里插入图片描述

解决方法:
本来是通过id
换成ref
在这里插入图片描述

错误
Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”

在这里插入图片描述
解决方法:

我的引入:
import * as echarts from 'echarts';

还是报错 后面发现是由于

//vue里不能使用this.$echarts.init//let myChart = this.$echarts.init(this.$refs.zytp);

改成:
在这里插入图片描述

错误
[Vue warn]: Error in mounted hook: “ReferenceError: $ is not defined”

在这里插入图片描述
解决方法:
在引入加入:

import $ from 'jquery';

错误

GET https://echarts.apache.org/examples/data/asset/data/flare.json net::ERR_FAILED
在这里插入图片描述
原因是:
项目限制了不能跨域访问得到官网的json

解决方法:
改变获取json方法,改变成自己获取后端的json即可
在这里插入图片描述


http://www.ppmy.cn/news/385399.html

相关文章

八达岭长城 景区 导游图 、地图、大图、高清、超高清

文章目录 1、八达岭长城1.1、高清:1.2、超高清: 2、长城 1、八达岭长城 1.1、高清: 点击查看全图 1.2、超高清: 点击查看全图 2、长城 八达岭、 居庸关、慕田峪 长城的介绍和班车

图片瀑布流效果

使用js实现的页面图片瀑布流效果&#xff1a; HTML代码&#xff1a;(页面是通过滚动条滚动事件触发的方法) <div id"overall"><div class"one"><div class"one_id"><img src"images/62867899.jpg"></div…

沿途风景

1.麦积山&#xff08;甘肃省天水市麦积区&#xff09;2014年8月27日 2.柳湖公园&#xff08;甘肃省平凉市&#xff09;2014年8月25日 3.崆峒山&#xff08;甘肃省平凉市&#xff09;2014年8月26日 4.净土寺&#xff08;甘肃省天水市麦积区&#xff09;2014年8月27日 5.仙人崖&a…

echarts画精确到街道的地图

最终效果图&#xff1a; 精确到区的可以先去获取区级的轮廓图&#xff1a; 阿里云 右侧有JSON文件&#xff0c;复制进项目即可。需要精确到乡镇、街道&#xff0c;获取对应的街道轮廓KML&#xff1a; 北斗 目前没发现批量下载的方法&#xff0c;几个街道就下载几次&#xff…

慢加载+瀑布图

内容 多个等宽的图片进行穿插排序成六列&#xff0c;并且在目前显示的最后一张图片显示之后&#xff0c;再进行下拉时能够在进行加载其他图片&#xff0c;每次下拉显示20-30张图片。 原理 不同大小图实现瀑布效果 用if判断轮动距离实现对字标签的增加 代码 <!DOCTYPE html&…

GIS地图怎么做?看这篇就够了

今日使用产品 Yonghong Desktop 01场景 1多层地图展现 在分析产品全国的销售数据情况时&#xff0c;期望在地图上既展示各大区的销售总额&#xff0c;同时又能展示各省份自己的销售情况。 在以往我们只能通过地图下钻&#xff0c;来分别展现不同地理层级的数据指标。现在除…

echarts中的树形结构图(参数分析)

先上echarts官网示例图&#xff0c;可以点开链接查看&#xff0c;这里先上一张截图&#xff0c;以及官网代码 官网代码&#xff1a; myChart.showLoading(); //显示Loading标志&#xff1b; var myChart echarts.init(document.getElementById(页面中div的id)); $.get(da…

echarts 画中国地图

数据可视化平台&#xff0c;中国各省数据和坐标 阿里云可视化 效果 使用echart画中国地图&#xff0c;步骤如下 1.安装依赖 npm i echarts4 创建一个js文件 当你可以访问https请求的时候则使用&#xff0c;如下代码 import axios from "axios"; export default a…