vue-cli项目使用echarts

你的名字 2022-04-11 07:57 197阅读 0赞

# npm install安装，然后即可在依赖包中看到echarts #

![20181205093714375.png][]

# 在main.js中引入，然后挂载到Vue的原型上面，这样每个vue实例都会有这个属性。$charts是自定义的名称，随便。 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70][]

# 在需要的地方就可以用this.$charts来调用了。如图，我在methods里面中调用，注意this必须指向的是vue实例才可以调用。 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70 1][]

# 同样，new echarts 对应变为new this.$charts即可。 #

![20181205093823449.png][]

[20181205093714375.png]: /images/20220411/f0dfb205052841e182714d67b6062913.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70]: /images/20220411/83004048dfaf428d88382bb3959f2e8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70 1]: /images/20220411/cf362fdfaed74bd096510c3556895a09.png
[20181205093823449.png]: /images/20220411/d8f40a18bf514ec5879c50f431553d5a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 30 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 277 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 333 阅读

相关 vue项目中使用echarts

> 1. 安装 npm install echarts --save ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

偏执的太偏执、/ 2022年10月22日 02:55/ 0 赞/ 168 阅读

相关 React 项目中使用Echarts

直接上代码吧： react 项目中添加Echarts 相关模块 npm install echarts --save 代码： import React

朴灿烈づ我的快乐病毒、/ 2022年09月12日 06:55/ 0 赞/ 198 阅读

相关 vue-cli项目使用echarts

npm install安装，然后即可在依赖包中看到echarts ![20181205093714375.png][] 在main.js中引入，然后挂载到Vue的原型

你的名字/ 2022年04月11日 07:57/ 0 赞/ 198 阅读

相关 echarts系列——在vue工程化项目中如何使用echarts

安装echarts依赖 npm install echarts --save 点击查看 [echarts官网安装教程][echarts] 创建图表

灰太狼/ 2022年04月08日 08:45/ 0 赞/ 287 阅读

相关在 Vue 项目中使用 ECharts

1. 安装ECharts npm install echarts --save 2.项目入口文件main.js中引入Echarts import echarts

小鱼儿/ 2022年03月17日 04:58/ 0 赞/ 327 阅读

相关在Vue-cli项目中使用echarts

该示例使用 `vue-cli` 脚手架搭建安装echarts依赖 npm install echarts -S 1

悠悠/ 2021年09月14日 04:06/ 0 赞/ 451 阅读

相关 vue项目中使用echarts

vue项目中使用echarts 一、使用场景在项目开发中，我们往往会遇到数据统计方面的需求，这时候为了直观的呈现数据，我们需要制作图表。此时，我们可以使用

朴灿烈づ我的快乐病毒、/ 2021年08月30日 11:51/ 0 赞/ 488 阅读