前端Vue项目在使用ECharts图表时出现无法显示的问题

阅读量：

vue 工程中加入 echarts 图表不显示的问题

一、问题原因

在使用 vue 进行 echarts 引用时，若采用不恰当的方式，可能导致兼容性问题，特别是在高版本中错误地沿用了低版本的引用方法。

二、vue工程使用echarts

vue官方教程

1. 安装 echarts 组件

复制代码

    # 方法一	下载到工程目录的 node_moudles 目录 比较推荐		
    npm install echarts --save
    #方法二		下载到全局的包目录		（一般会出现引用问题）
    npm install echarts -g

采用上述方法安装 echarts 包时，系统将自动获取最新版本的 echarts 组件。如需获取特定版本的组件，应在组件名称后明确标注所需版本号，具体操作示例如下

复制代码

    npm install echarts@4.9,2 --save

全部评论 (0)

还没有任何评论哟~