czapp/pages/tongji/tongji.js

(function () {
    var page = {
        init: function ($page) {
			//扇形图数据
			chartMap = {};
			chartMap['chart-bingtu'] = echarts.init(document.getElementById('chart-bingtu'));
			var data = [{"name":"测试11","value":"9000.00"},{"name":"测试22","value":"100900.00"},{"name":"测试33","value":"0.00"}];
			var data2 = [{"name":"9000.00","value":"9000.00"},{"name":"100900.00","value":"100900.00"},{"name":"0.00","value":"0.00"}];
			//learun.httpget("", { type: 'chart', id: _item.F_Id }, function(data) {
			//var type = $('#' + data.Id).attr('data-desktop');
			var legendData = [];
			$.each(data, function (_index, _item) {
				legendData.push(_item.name + _item.value);
				var data3 = {};
				data3.name = _item.name + _item.value;
				data3.value = _item.value;
				data2.push(data3);
			});
			console.log(data2);
			console.log(legendData);
			var option = {};
			option.tooltip = {
				trigger: 'item',
				formatter: "{a} <br/>{b}: {c} ({d}%)"
			};
			option.legend = {
				orient: 'vertical',
				left: 'right',
				data: legendData
			};
			option.series = [{
				name: '占比',
				type: 'pie',
				radius : '55%',
				center: ['40%', '60%'],
				itemStyle: {
					emphasis: {
						shadowBlur: 10,
						shadowOffsetX: 0,
						shadowColor: 'rgba(0, 0, 0, 0.5)'
					}
				},
				data: data2
			}];
			//option.color = ['#df4d4b', '#304552', '#52bbc8', 'rgb(224,134,105)', '#8dd5b4', '#5eb57d', '#d78d2f'];
			chartMap['chart-bingtu'].setOption(option);
			
			//列表数据
			//learun.httpget(config.webapi + "learun/adms/desktop/data", { type: 'Target', id: _item.F_Id }, function(data){});
			var drivingdata = '[{"name":"测试1","value":"29"},{"name":"测试2","value":"20"}]';
			data = JSON.parse(drivingdata);
			var _itemHtml = ''
			$.each(data, function (_index, _item) {
				_itemHtml += '\
					<div class="targetItem">\
						<div class="name">'+ _item.name + '</div>\
						<div class="number">'+ _item.value +'</div>\
					</div>';
				$page.find('#driving-data').html(_itemHtml);
			}); 
        }
    };
    return page;
})();