在这次的项目中图表显示的部分比较多,这边给分享下用到的图表的数据刷新
饼图最后的效果
先看下
前端部分
<div div style="height: 40%; width: 17.5%; background-color: white; margin-top: 20px; float: left; border-left: black;" id="member"> </div>
这是右边图的 echarts的html 一定要定义好大小
接下来是 js部分 先定义一个模板 官网有 自己稍加修改 (比较懒没加注释)
// 绘制会员量比例图表 var memberChart = echarts.init(document.getElementById('member')); memberChart.setOption({ tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, legend: { itemHeight: 10, itemWidth: 10, orient: 'vertical', x: 'center', y: 'bottom', icon: 'roundRect', formatter: function(name) { var index = 0; var clientlabels = ['新增会员','老会员']; var clientcounts = [621,32032]; clientlabels.forEach(function(value,i){ if(value == name){ index = i; } }); return name + " " + clientcounts[index]; } }, series: [ { name:'男女比例', type:'pie', radius: ['