转载请标明出处，全网最新解决办法，谢谢。

先描述问题

//1.依赖包：
npm install echarts -S
npm install echarts-gl -S
//2main.js:
import echarts from ‘echarts’
import ‘echarts-gl’
Vue.prototype.$echarts = echarts

按照这个步骤安装之后，发现node_modules下只有echarts-gl文件夹

然后页面报错Component series.map3D not exists. Load it first

解决办法：

1、安装echarts echarts-gl

npm install echarts echarts-gl

2，在main.js引入

import echarts from 'echarts';
// import 'echarts-gl';
import echartsGL from 'echarts-gl'Vue.prototype.$echarts = echarts;
Vue.prototype.$echartsGL = echartsGL;

重新启动项目之后，发现平面图和3D图都可以出来，完美解决

vue-cli4.0+Echarts 3D相关推荐

【vue前端】Echarts 3D地球照片显示白球该如何处理+ 地球模型+ 简单前端登录页面 +数字时钟组件
使用Echarts 3D地球显示如下的白球该如何处理? 解决方法: 错误写法: baseTexture: '@/assets/echarts/earth.jpg', 将图片地址引入部分改成requir ...
在vue中使用Echarts的3D柱状图
该文章为记录,避免再次踩坑安装所需依赖版本: "echarts": "^4.9.0", "echarts-gl": "^1.1. ...
vue中基于echarts和基于高德地图的两种地图下钻与上浮方式
** vue中基于echarts和基于高德地图的两种地图下钻与上浮方式 ** 基于echarts的地图下钻与上浮(浙江省为例) 第一步:在<template>中构建承载echarts的do ...
echarts 3d饼图
echarts 3d饼图效果图: 第一步: 在main.js引入echarts import * as echarts from 'echarts' Vue.prototype.$echarts = ...
echarts 3D立体图（江苏版）
npm install echarts@4.9.0 echarts-gl@1.0.1 --legacy-peer-deps 安装echarts插件和echarts 3D地图插件配置main.js i ...
Echarts 3D散点图
文章目录以下是一个 html + echarts的案例 <!DOCTYPE html> <html> <head><meta charset="u ...
vue使用echart 完成3d系列2之曲面锥形
vue使用echart 完成3d系列1之曲面空心圆 vue使用echart 完成3d系列3之曲面空心半圆效果图第一步,先安装依赖 npm install echarts-gl -S npm ins ...
e-charts 3D饼图
一.安装相应插件 "echarts": "^5.1.2" "echarts-gl": "^2.0.8" 二. 引入 i ...
Vue：echarts画图实战，异步获取数据在Vue上使用echarts进行画图
Vue:echarts画图实战,异步获取数据在Vue上使用echarts进行画图一.效果图二.资源主题编辑器 ECharts 教程实现代码------想要进行实战的同学可以研究以下代码,下面的 ...

vue-cli4.0+Echarts 3D

解决办法：

vue-cli4.0+Echarts 3D相关推荐

最新文章

热门文章