echarts 2.1.8 模块化单文件引入map报错,请问怎么处理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts 2.1.8 模块化单文件引入map报错,请问怎么处理相关的知识,希望对你有一定的参考价值。

参考技术A echarts 2.1.8 模块化单文件引入map报错,请问怎么处理
以上各项可用光标键移动色棒进行选择, 回车则执行。也可用每一项的第一个大写字母直接选择。若要退到主菜单或从它的下一级菜单列表框退回均可用Esc键, Turbo C 2.0所有菜单均采用这种方法进行操作, 以下不再说明。
1.13.4 Edit菜单
按Alt+E可进入编辑菜单, 若再回车, 则光标出现在编辑窗口, 此时用户可以 进行文本编辑。编辑方法基本与wordstar相同, 可用F1键获得有关编辑方法的帮助信息。
1. 与编辑有关的功能键如下:
F1 获得Turbo C 2.0编辑命令的帮助信息;
F5 扩大编辑窗口到整个屏幕;
F6 在编辑窗口与信息窗口之间进行切换;
F10 从编辑窗口转到主菜单。
2. 编辑命令简介:
PageUp 向前翻页
PageDn 向后翻页
Home 将光标移到所在行的开始
End 将光标移到所在行的结尾
Ctrl+Y 删除光标所在的一行
Ctrl+T 删除光标所在处的一个词
Ctrl+KB 设置块开始
Ctrl+KK 设置块结尾
Ctrl+KV 块移动
Ctrl+KC 块拷贝
Ctrl+KY 块删除
Ctrl+KR 读文件
Ctrl+KW 存文件
Ctrl+KP 块文件打印
Ctrl+F1 如果光标所在处为Turbo C 2.0库函数, 则获得有关该函数的帮助信息
Ctrl+Q[ 查找Turbo C 2.0双界符的后匹配符
Ctrl+Q] 查找Turbo C 2.0双界符的前匹配符

vue按需引入echarts

  下载安装echarts包:npm install echarts -D

一、全局引入

  main.js中配置

import echarts from echarts //引入echarts
Vue.prototype.$echarts = echarts //引入组件

  缺点:如果是完整的引入Echarts,会额外的引入其他无用的配置文件,造成应用文件体积过大,资源加载耗时过长,影响用户体验

二、按需引入

  如果是在许多页面中都有用到,就写在main.js中

//引入基本模板
let echarts = require(echarts/lib/echarts)
 
// 引入折线图等组件
require(echarts/lib/chart/line)
require(echarts/lib/chart/bar)
require(echarts/lib/chart/radar)

// 引入提示框和title组件,图例
require(echarts/lib/component/tooltip)
require(echarts/lib/component/title)
require(echarts/lib/component/legend)
require(echarts/lib/component/legendScroll)//图例翻译滚动

Vue.prototype.$echarts = echarts

  在组建中使用都是一样的,如果只在一个地方使用就直接写在.vue文件中就好啦

  注:这里用 require 不用 import 引入是因为 import 需要详细的路径

  然后打包,技术分享图片,比全部导入1.69M,少了差不多400K。

以上是关于echarts 2.1.8 模块化单文件引入map报错,请问怎么处理的主要内容,如果未能解决你的问题,请参考以下文章

请教百度echarts的使用问题

006-ant design -结合echart-地址map市

echarts图表在ie8不显示,ie9显示,怎么解决这个问题

echarts图表在ie8不显示,ie9显示,怎么解决这个问题

在react项目中如何引入第三方库

ECharts 折线图 Y 轴的 Label 怎么倒过来显示