Vue+Echarts饼状图

在jQuery里面,实现一个折线图,【前端统计图】echarts实现单条折线图
https://www.jianshu.com/p/0354a4f8c563。

现在要实现,Vue+Echarts实现一个折线图,打开之前的mint项目:

1:在项目里面安装echarts

cnpm install echarts --s

2:在需要用图表的地方引入

import echarts from 'echarts'

3:打开my.vue
继续写代码,代码如下:




这个时候,可以看到,加载出的饼状图了,后面可以继续进行完善。
Vue+Echarts饼状图_第1张图片


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

你可能感兴趣的:(Vue+Echarts饼状图)