发病密度
$scope.showDiseaseDensity = function(diseaseName){
//获取当前时间
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
// console.log('year'+year);
//查询数据库 根据病名和年份,返回每月的发病密度数组,存入data中
var data=[];
$http({
method:'GET',
url:'http://localhost:8080/diseaseDensity', //请求的地址 这里是从后端获取json文件的地址!!!注意修改url地址!!!!
params:{'diseaseName':diseaseName,'year':year} //传递参数 向后端传递json格式的文件。params是angularjs中定义http传参的一个对象。
}).then(function successCallback(response) { //成功时执行代码 response是一个对象 存储了后端返回来的json文件。
data=response.data; //将后端返回来的json文件数组存入data中
var myChart2 = echarts.init(document.getElementById('main2')); //生成echarts实例 注意要将div标签id写正确
option2 = { //echarts配置项
title: { //标题配置项 注意修改title内容为当前所选省市区县+当前所选年月+“XX”发生情况图表 XX为当前所选气象要素如雨量、气温、风力、PM2.5...之一。
text: '2018年'+diseaseName+'发生情况图表', /*注意修改text内容*/ /*textStyle用于修饰title字体*/ /*subtextStyle用于修饰副标题字体*/ /*注意subtext内容也要随时间而变化*/ /*itemGap用于规定title下方副标题间隙大小*/ subtext: '单位/人数', itemGap: 10, textStyle:{fontSize:20}, subtextStyle:{fontSize:15}}, tooltip : { trigger : 'axis' }, legend : { data:[{name:'人数',icon:'circle'}] }, calculable : true, xAxis : [{type : 'category', boundaryGap : false, data:[1,2,3,4,5,6,7,8], axisLabel:{interval:0}}], yAxis : [{type : 'value', axisLabel:{formatter:'{value}人'}}], series:[{name:'人数', type:'line', smooth:true , itemStyle:{normal:{color:"#FF4500"}}, areaStyle:{normal:{color:"#FFA500"}}, data:(function(){var res=[];for (var i=1;i<13;i++){res[i-1]=data[i-1]}return res})() }] }; myChart2.setOption(option2); });};
创作工场
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!