function query1(housetype,redStatisticsList,text0,cashingSum,tranferSum){
<!--红包发放数据-->
var myrodiusred = echarts.init(document.getElementById('mainrodius'))//ID
var redHousehold = housetype
var redMoney = redStatisticsList
var allMoney = 0//总金额
$.each(redStatisticsList,function(index,item){
allMoney =allMoney+ Number(item.value)
})
optionTwo = {
title : {
text: text0,
subtext: "总金额："+allMoney+"\n\n提现总额："+cashingSum+"\n\n到账总额："+tranferSum,
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: housetype
},
series : [
{
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:redMoney,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
}
myrodiusred.setOption(optionTwo)
}
是一个 百度旗下 使用各种图表展示统计分析结果的js插件
引入这个js，你就可以使用echarts官网上提供的所有图表工具
官网链接：网页链接
如图所示：
在平时开发项目时，免不了需要对数据进行图表显示的需求，比如：趋势图、饼状图、柱形图等。
Echarts.js是来自百度团队研发的图表js插件，利用HTML+js实现折线图、饼状图、热点图、3d图形等等，可在PC和移动端显示，加载速度快，功能丰富。
https://echarts.apache.org/zh/index.html
官网首页有着很多实例以及相关介绍，获取echart.js可以从本人百度网盘获取，包含所有图表组件，可直接引用。
链接： https://pan.baidu.com/s/1IEm8NGwqq4ExgYWp8mz9CA
提取码：aihy
为Echarts放置一个具备宽高的DOM容器
Echarts加载数据
