原标题: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
继续写代码,代码如下:
<>
import echarts from 'echarts'
export default {
name: '',
data () {
return {
charts: '',
opinion:['男','女'],
opinionData:[
{value:335, name:'男'},
{value:310, name:'女'},
]
}
},
methods:{
drawPie(id){
this.charts = echa