我是靠谱客的博主 温暖老鼠,最近开发中收集的这篇文章主要介绍echarts 饼图,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

 

1. HTML

<div id="myChart3" :style="{width: '1200px', height: '300px'}"></div>

 2.JS

drawpic(){
let myChart = this.$echarts.init(document.getElementById('myChart3'))
// 绘制图表
myChart.setOption({
//title: { text: 'CAR 追踪整体状况' },
tooltip: {
trigger: 'item',
formatter: "{b} :{c} {d}%"// "{a} <br/>{b} :{c} {d}%"
},
series: [{
name:this.PiePicName,
type: 'pie',
data:this.pieData,
}]
});
},

 

3.Data 里的值

pieData:[
{value:235, name:'视频广告'},
{value:274, name:'联盟广告'},
{value:310, name:'邮件营销'},
{value:335, name:'直接访问'},
{value:400, name:'搜索引擎'}
],

 

最后

以上就是温暖老鼠为你收集整理的echarts 饼图的全部内容,希望文章能够帮你解决echarts 饼图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部