52,797
社区成员
发帖
与我相关
我的任务
分享
<div id="InstZongshu" style="width:9%;height:9%;top:5%;left:27.5%;position:absolute;border-color:#404a59;background-size:100% 100%!important;"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var InstZongshuChart = echarts.init(document.getElementById('InstZongshu'));
// 指定图表的配置项和数据
option11 = {
series: [{
type: 'pie',
cursor: 'default',
radius: ['65%', '78%'],
center: ['50%', '50%'],
color: '#00CCFF',
label: {
show: true,
position: 'center',
formatter: [
'{x|{c}}',
'{x|{b}}'
].join('\n'),
rich: {
x: {
fontSize: 12,
fontFamily: '微软雅黑',
fontWeight: 'bolder',
padding: 1.5,
},
}
},
data: [],
}],
animation: false,
};
//读取数据
InstZongshuChart.showLoading(); //数据加载完之前先显示一段简单的loading动画
var instamount = []; //类别数组(实际用来盛放X轴坐标值)
//var insteffrate = []; //销量数组(实际用来盛放Y坐标值)
console.log(instamount)
//console.log(insteffrate)
$.ajax({
type: 'get',
url: 'json/instrumentsum.json',//请求数据的地址
dataType: "json", //返回数据形式为json
success: function (result11) {
//请求成功时执行该函数内容,result即为服务器返回的json对象
$.each(result11.list, function (index11, item11) {
instamount.push(item11.iamount); //挨个取出并填入数组
//insteffrate.push(item.effrate); //挨个取出并填入数组
});
InstZongshuChart.hideLoading(); //隐藏加载动画
InstZongshuChart.setOption({ //加载数据图表
series: [{
//台站仪器总数
data: [{
value:instamount,
name:'设备总数'
}],
},
],
});
},
error: function (errorMsg11) {
//请求失败时执行该函数
alert("图表请求数据失败!");
InstZongshuChart.hideLoading();
}
});
// 使用刚指定的配置项和数据显示图表。
InstZongshuChart.setOption(option11);
myEcharts.push(InstZongshuChart);
</script>