sr-iHealthwx/html/jkjl/js/health-index-bloodpressure-chart.js

var curDays = 7;
$('input[data-time=date]').val('7天内');
	
$(function() {	
	queryChat(getDateBefore(6), getNowDate());
	/* 选择日期  */
	var opt1 = {
		preset: 'date',
		theme: 'ios',
		lang: 'zh',
		minDate: new Date(1900, 01, 01),
		onSelect: function(valueText, inst) {
			var date_begin = $("#date_begin").val();
			var date_end = $("#date_end").val();
			if (date_begin == null || date_begin.length == 0) {
				return;
			}
			if (date_end == null || date_end.length == 0) {
				return;
			}
			queryChat(date_begin, date_end);
		}
	};
	$('input[data-time=date1]').mobiscroll(opt1);
	$('input[data-time=date2]').mobiscroll(opt1);
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		paginationClickable: false
	});
	//咨询药店
	$('input[data-time=date]').mobiscroll({
		theme: 'ios',
		lang: 'zh',
		formatValue: function(d) {
			return d.join('-');
		},
		customWheels: true,
		wheels: [
			[{
				keys: ['1', '2', '3'],
				values: ['7天内', '30天内', '自定义时间']
			}]
		],
		onSelect: function(valueText, inst) {
			var dd = eval("[" + valueText + "]");
			$('input[data-time=date]').val(dd[0].values);
			if (dd[0].keys == "3") {
				$(".time-began").show();
			} else {
				$(".time-began").hide();
			}
			if (dd[0].keys == 1) {
				//7天内
				if (curDays == 7) {
					return;
				}
				curDays = 7;
				queryChat(getDateBefore(6), getNowDate());
			} else if (dd[0].keys == 2) {
				//30天内
				if (curDays == 30) {
					return;
				}
				curDays = 30;
				queryChat(getDateBefore(29), getNowDate());
			} else {
				curDays = 99;
			}
		}
	});
});

function queryChat(date_begin, date_end) {
	if (parseFloat(date_begin.replace(/-/g, "")) > parseFloat(date_end.replace(/-/g, ""))) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'开始时间不能晚于结束时间'}).show();
		return;
	}
	//发送请求
	queryChatByType(2, date_begin, date_end, queryChartSuccesss);
}

/**
 * 健康指标图表查询成功处理方法
 */
function queryChartSuccesss(res) {	
	if (res.status == 200) {
		d.close();
		showChart(res.list);
	} else {
		queryChartFailed(res);
	}
}

function buildData(value, max, min) {
	if ((value > 0 && value < min) || value > max) {
		return {
			value: value,
			itemStyle: {
				normal: {
					color: '#f00'
				}
			}
		}
	} else {
		return value;
	}
}

function showChart(list) {
	var legendArray = ['收缩压,舒张压'];
	var xAxisArray = new Array();
	var seriesArray = new Array();

	var allDatas = new Array();

	var data1 = new Array();
	var data2 = new Array();

	for (var i = 0; i < list.length; i++) {
		var data = list[i];
		if (!data) {
			continue;
		}
		xAxisArray.push(data.date.substr(5, 5));
		data1.push(buildData(data.value1, 139, 90));
		data2.push(buildData(data.value2, 89, 60));
	}

	allDatas.push(data1);
	allDatas.push(data2);


	var series1 = {
		name: legendArray[0].split(',')[0],
		type: 'line',
		symbol: 'emptyCircle',
		layerPadding: 0,
		nodePadding: 0,
		itemStyle: {
			normal: {
				borderWidth: 8,
				color: '#0ad800',
				lineStyle: { // 系列级个性化折线样式，横向渐变描边
					borderWidth: 2,
					color: '#5dd1d2',
					width: 4
				},
				nodeStyle: {
					borderWidth: 2,
					color: '#93DB70',
					borderColor: '#93DB70'
				}
			},
			emphasis: {
				label: {
					show: true
				}
			}
		},
		data: allDatas[0]
	};
	
	var series2 = {
		name: legendArray[0].split(',')[1],
		type: 'line',
		symbol: 'emptyCircle',
		layerPadding: 0,
		nodePadding: 0,
		itemStyle: {
			normal: {
				borderWidth: 8,
				color: '#0ad800',
				lineStyle: { // 系列级个性化折线样式，横向渐变描边
					borderWidth: 2,
					color: '#CC66FF',
					width: 4
				},
				nodeStyle: {
					borderWidth: 2,
					color: '#93DB70',
					borderColor: '#93DB70'
				}
			},
			emphasis: {
				label: {
					show: true
				}
			}
		},
		data: allDatas[1]
	};
	
	seriesArray.push(series1);	
	seriesArray.push(series2);

	// 路径配置
	require.config({
		paths: {
			echarts: 'http://echarts.baidu.com/build/dist'
		}
	});
	// 使用
	require(['echarts',
			'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
		],
		DrawCharts);
	
	function DrawCharts() {
		var myChart = require('echarts').init(document.getElementById('chart1'));
		var option = {
			tooltip: {
				trigger: 'axis'
			},
			grid: {
				x: 30,
				y: 20,
				x2: 25,
				y2: 20
			},
			legend: {
				show: false,
				data: legendArray
			},
			toolbox: {
				show: false
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				boundaryGap: false,
				data: xAxisArray,
				axisLabel: {
					margin: 6
				}
			}],
			yAxis: [{
				type: 'value'
			}],

			series: seriesArray
		};

		// 为echarts对象加载数据
		myChart.setOption(option);
	}
}

//添加数据添加监听
window.addEventListener("refleshList", function(e) {
	//刷新列表
	if (curDays == 7) {
		//7天内
		queryChat(getDateBefore(6), getNowDate());
	} else if (curDays == 30) {
		//30天内
		queryChat(getDateBefore(29), getNowDate());
	} else {
		var date_begin = $("#date_begin").val();
		var date_end = $("#date_end").val();
		if (date_begin == null || date_begin.length == 0) {
			return;
		}
		if (date_end == null || date_end.length == 0) {
			return;
		}
		queryChat(date_begin, date_end);
	}
});