关于echarts的入门级别使用

1.下载echarts第三方的包。

2.可以选择全局注册引入,或者页面引入,在echarts官网可以看到不同引入方法的代码 。

个人建议用的不多的话,可以按需引入的呀,封装成组件需要引入使用即可。
3.在src目录下创建一个echarts文件夹,下面新建index.vue页面。给一个div,并且给定固定宽高 。如下代码哦~~(我这里涉及到一点传值问题,可所以可以忽略模版字符串部分)

4.在官网上找到自己需要的echarts表格,放入script标签内methods内,用函数包住,并且调用函数,即可使用。(记得引入echarts哦~~)

5.在父组件内使用echarts组件,记得引入-注册-使用哦~

 

//扩展--父组件中ref/---this.$refs.名字.$data可以拿到子组件data中的内容 。
子组件的this.$props 可取父组件传递过来的值 。

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值