var chartType = null; var chartVariety = null; var chartLevel = null; var url = null; var data = { "interfaceId": "5101", "sign": "10101", "outId": "10101", "reqDateTime": new Date(), "tokenAuth": "", "data": { "deptId": "" } }; //初始化数据 function init() { //初始化饼图 initChart(); var user = JSON.parse(localStorage.getItem('user')); var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId')); url = user.url + "/api-phone/v35/gateway"; data.tokenAuth = user.tokenAuth; data.data.deptId = selectDeptId; getData(); } //获取统计数据 function getData() { //发送请求 mui.ajax(url, { type: "POST", dataType: "json", crossDomain: true, contentType: "application/json;charset=utf-8", data: JSON.stringify(data), success: function(result) { if (result.code == "0000") { $("#deptName").html(result.data.deptName); $("#deptAddress").html(result.data.deptAddress); $("#depotNum").html(result.data.depotNum); $("#oilNum").html(result.data.oilNum); $("#designStorage").html(result.data.designStorage); $("#realStorage").html(result.data.realStorage); //1. 粮食性质 $("#sum1").html(result.data.realStorage); var foodType = result.data.listFoodType; if (foodType.length > 0) { chartType.option.series[0].data = foodType; chartType.chart.setOption(chartType.option, true); } //2. 粮食品种 $("#sum2").html(result.data.realStorage); var foodVariety = result.data.listFoodVariety; if (foodVariety.length > 0) { chartVariety.option.series[0].data = foodVariety; chartVariety.chart.setOption(chartVariety.option, true); } //3. 粮食等级 $("#sum3").html(result.data.realStorage); var foodLevel = result.data.listFoodLevel; if (foodLevel.length > 0) { chartLevel.option.series[0].data = foodLevel; chartLevel.chart.setOption(chartLevel.option, true); } } else { mui.alert("暂无数据!", "提示", ["确定"], function() {}, "div"); } }, error: function() { mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div"); } }) } //滚动 mui('.mui-scroll-wrapper').scroll({ indicators: false, //是否显示滚动条 deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 bounce: false, //是否启用回弹 deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 }); //初始化饼图 function initChart() { //粮食性质 chartType = renderChart("chartType", [{ value: 0, name: '省级储备粮' }, { value: 0, name: '市级储备粮' }, { value: 0, name: '县级储备粮' } ]); //粮食品种 chartVariety = renderChart("chartVariety", [{ value: 0, name: '小麦' }, { value: 0, name: '玉米' }, { value: 0, name: '稻谷' }, { value: 0, name: '大豆' } ]); //粮食等级 chartLevel = renderChart("chartLevel", [{ value: 0, name: '一等' }, { value: 0, name: '二等' }, { value: 0, name: '三等' }, { value: 0, name: '四等' }, { value: 0, name: '五等' }, { value: 0, name: '等外' } ]); } //饼图渲染 function renderChart(chartId, data) { var option = { tooltip: { show: false }, silent: true, series: [{ type: 'pie', radius: ['35%', '50%'], avoidLabelOverlap: false, itemStyle: { borderColor: '#fff', borderWidth: 2 }, label: { show: true, color: 'inherit', formatter: "{b} \n {d}%" }, labelLine: { show: true }, data: data }] }; var myChart = echarts.init(document.getElementById(chartId)); myChart.setOption(option, true); return { "chart": myChart, "option": option } }