1 # -*- coding: utf-8 -*-
 2 import scrapy
 3 from lishitianqi.items import LishitianqiItem
 4
 5 class WeathSpider(scrapy.Spider):
 6     name = 'weath'
 7     allowed_domains = ['lishi.tianqi.com']
 8     start_urls = ['http://lishi.tianqi.com/']
 9
10     def parse(self, response):
11         #选择中国所有城市名及对应url
12         citys = response.css(".bcity a[target='_blank']::text").getall()
13         cityurls = response.css(".bcity a[target='_blank']::attr(href)").getall()
14
15         #将url添加到爬虫中，
16         for city,url in zip(citys[:1],cityurls[:1]):
17             yield scrapy.Request(response.urljoin(url), meta={'city':city}, callback=self.city)
18
19     def city(self, response):
20         #选择城市所有年月份及对应url
21         months = response.css(".tqtongji1 a::text").getall()
22         monthurls = response.css(".tqtongji1 a::attr(href)").getall()
23
24         #将url添加到爬虫中
25         for url in monthurls:
26             yield scrapy.Request(response.urljoin(url), meta={'city':response.meta['city']}, callback=self.month)
27
28     def month(self, response):
29         #选择该月份中每天
30         for ul in response.css(".tqtongji2 ul[class!='t1']"):
31             #创建item，将数据传递个pipeline
32             item = LishitianqiItem()
33             #获取城市名
34             item['city'] = response.meta['city']
35
36             a,b,c,d,e,f = ul.css('li')
37             #获取日期
38             item['date'] = a.css("::text").get()
39             #获取日期
40             item['maxt'] = b.css("::text").get()
41             #获取日期
42             item['mint'] = c.css("::text").get()
43             #获取日期
44             item['weath'] = d.css("::text").get()
45             #获取日期
46             item['windd'] = e.css("::text").get()
47             #获取日期
48             item['windp'] = f.css("::text").get()
49
50             yield item

 1 # -*- coding: utf-8 -*-
 2 import scrapy
 3 from lishitianqi.items import LishitianqiItem
 4
 5 class WeathSpider(scrapy.Spider):
 6     name = 'weath'
 7     allowed_domains = ['lishi.tianqi.com']
 8     start_urls = ['http://lishi.tianqi.com/']
 9
10     def parse(self, response):
11         #选择中国所有城市名及对应url
12         citys = response.css(".bcity a[target='_blank']::text").getall()
13         cityurls = response.css(".bcity a[target='_blank']::attr(href)").getall()
14
15         #将url添加到爬虫中，
16         for city,url in zip(citys[:1],cityurls[:1]):
17             yield scrapy.Request(response.urljoin(url), meta={'city':city}, callback=self.city)
18
19     def city(self, response):
20         #选择城市所有年月份及对应url
21         months = response.css(".tqtongji1 a::text").getall()
22         monthurls = response.css(".tqtongji1 a::attr(href)").getall()
23
24         #将url添加到爬虫中
25         for url in monthurls:
26             yield scrapy.Request(response.urljoin(url), meta={'city':response.meta['city']}, callback=self.month)
27
28     def month(self, response):
29         data = []
30         #选择该月份中每天
31         for ul in response.css(".tqtongji2 ul[class!='t1']"):
32             data.append(tuple([response.meta['city']] + [li.css("::text").get() for li in ul.css('li')]))
33
34         #创建item，将数据传递个pipeline
35         item = LishitianqiItem()
36         item['data'] = data
37         yield item

 1 # -*- coding: utf-8 -*-
 2
 3 # Define here the models for your scraped items
 4 #
 5 # See documentation in:
 6 # https://docs.scrapy.org/en/latest/topics/items.html
 7
 8 import scrapy
 9
10 class LishitianqiItem(scrapy.Item):
11     # define the fields for your item here like:
12     city = scrapy.Field()
13     date = scrapy.Field()
14     maxt = scrapy.Field()
15     mint = scrapy.Field()
16     weath = scrapy.Field()
17     windd = scrapy.Field()
18     windp = scrapy.Field()
19     data = scrapy.Field()

 1 # -*- coding: utf-8 -*-
 2
 3 # Define your item pipelines here
 4 #
 5 # Don't forget to add your pipeline to the ITEM_PIPELINES setting
 6 # See: https://docs.scrapy.org/en/latest/topics/item-pipeline.html
 7
 8 import pymysql.cursors
 9
10 class LishitianqiPipeline(object):
11
12     def __init__(self):
13         #连接数据库
14         self.connect = pymysql.connect(
15             host='localhost',
16             port=3306,
17             db='lishitianqi',
18             user='root',
19             passwd='123',
20             charset='utf8',
21             use_unicode=True)
22
23         #通过cursor执行增删该查
24         self.cursor = self.connect.cursor()
25
26     def process_item(self, item, spider):
27
28         #插入天气数据
29         self.cursor.executemany(
30             """insert ignore into lishitianqi(city, date, maxt, mint, weath, windd, windp)
31             values (%s, %s, %s, %s, %s, %s, %s)""", item['data'])
32
33         #提交sql语句
34         self.connect.commit()
35
36         #必须实现返回
37         return item

 1 # -*- coding: utf-8 -*-
 2 import scrapy
 3 import re
 4 from lishitianqi.items import LishitianqiItem
 5
 6 class RecoverySpider(scrapy.Spider):
 7     name = 'recovery'
 8     allowed_domains = ['tianqihoubao.com']
 9
10     def parse(self, response):
11         tableTitle = response.css(".wdetail h1::text").get()
12         #获取城市名，为了防止出现空列表导致KeyError故用join，''.join([]) == ''
13         city = ''.join(re.findall("([\u4E00-\u9FA5]+)历史天气预报",tableTitle))
14
15         data = []
16         for tr in response.css(".wdetail table tr")[1:]:
17             tds = tr.css("td")
18             #获取日期
19             date = tds[0].css("a::text").get()
20             dl = re.findall("(\d{4})年(\d{2})月(\d{2})日",date)
21             date = '-'.join(dl[0])  if dl!= [] else '1990-00-00'
22
23             #获取天气
24             weath = tds[1].css("::text").get()
25             wl = re.findall("[\u4E00-\u9FA5]+", weath)
26             weath = '~'.join(wl) if len(wl) == 2 else '未知~未知'
27
28             #获取最低、最高气温
29             tem = tds[2].css("::text").get()
30             tl = re.findall("(\d+|-\d+)℃", tem)
31             maxt,mint = tl if len(tl) == 2 else [0,0]
32
33             #获取风向，风速度
34             win = tds[3].css("::text").get()
35             wil = re.findall("[\u4E00-\u9FA50-9-\u2265\u2264]+", win)
36             wil = [re.sub('[≤]','小于等于', w) for w in wil]
37             wil = [re.sub('[≥]','大于等于', w) for w in wil]
38             windd,windp = ('~'.join(wil[0::2]),'~'.join(wil[1::2])) if len(wil) == 4 else ("未知","未知")
39
40             data.append([city, date, maxt, mint, weath, windd, windp])
41
42         #创建item，将数据传递个pipeline
43         item = LishitianqiItem()
44         item['data'] = data
45         yield item

 1 # -*- coding: utf-8 -*-
 2
 3 # Define your item pipelines here
 4 #
 5 # Don't forget to add your pipeline to the ITEM_PIPELINES setting
 6 # See: https://docs.scrapy.org/en/latest/topics/item-pipeline.html
 7
 8 import pymysql.cursors
 9
10 #用于获取某年某月有多少天，
11 import calendar
12
13 #用于获取汉字的拼音， pip install xpinyin
14 from xpinyin import Pinyin
15
16
17 class LishitianqiPipeline(object):
18
19     def __init__(self):
20         #连接数据库
21         self.connect = pymysql.connect(
22             host='localhost',
23             port=3306,
24             db='lishitianqi',
25             user='root',
26             passwd='123',
27             charset='utf8',
28             use_unicode=True)
29
30         #通过cursor执行增删该查
31         self.cursor = self.connect.cursor()
32
33     def process_item(self, item, spider):
34
35         #插入天气数据
36         self.cursor.executemany(
37             """insert ignore into lishitianqi(city, date, maxt, mint, weath, windd, windp)
38             values (%s, %s, %s, %s, %s, %s, %s)""", item['data'])
39
40         #提交sql语句
41         self.connect.commit()
42
43         #必须实现返回
44         return item
45
46     #在爬虫运行前执行这个函数
47     def open_spider(self, spider):
48
49         if spider.name == 'recovery' and True:
50             #读取https://lishi.tianqi.com/和http://www.tianqihoubao.com/lishi/支持查询的所有城市列表存, eval将字符串变为python语句, 转换为set用于取交集
51             citys_primary = set(eval(open("citys_primary.txt","r",encoding="utf-8").read()))
52             citys_backup = set(eval(open("citys_backup.txt","r",encoding="utf-8").read()))
53             startyear = 2011
54             endyear = 2019
55             endmonth = 9
56             pin = Pinyin()
57
58             def check_or_appendurl(city,year,month):
59                 #计算year年month月有多少天
60                 stmr = calendar.monthrange(year, month)[1]
61                 #通过sql获取city城市year年month月有多少天
62                 sql = "select count(city) from lishitianqi where city='%s' and date like '%d-%02d%%'" % (city,year,month)
63                 self.cursor.execute(sql)
64                 apmr = self.cursor.fetchall()[0][0]
65
66                 #若数据库中某城市某月的天数不等于该月的实际天数，说明这个城市这个月的数据有丢失，需要构造url到备用网站获取天气数据
67                 if stmr != apmr:
68                     url = "http://www.tianqihoubao.com/lishi/%s/month/%d%02d.html" % (pin.get_pinyin(city, ''),year,month)
69                     print(stmr,apmr,'append url: %s' % url)
70                     spider.start_urls.append(url)
71
72             #citys_primary为在https://lishi.tianqi.com/支持查询的所有城市列表存，citys_backup为http://www.tianqihoubao.com/lishi/支持查询的所有城市列表
73             #理想情况下爬虫https://lishi.tianqi.com/就能获取到所有需要的数据，但是从网站抓取来的数据并非可靠，有可能某个月的某几天数据丢失，
74             #所有需要到备用网站将数据库缺失数据补齐
75             #备用网站数据集与主用网站数据集不重合，所以在做数据修复的时候要取交集
76             for city in citys_primary & citys_backup:
77                 for year in range(startyear,endyear):
78                     for month in range(1,13):
79                         check_or_appendurl(city,year,month)
80
81                 for month in range(1,endmonth):
82                     check_or_appendurl(city,endyear,month)
83
84
85     def close_spider(self, spider):
86         pass

from django import views
from django.http import HttpResponse
from django.shortcuts import render, redirect,reverse
from .models import Lishitianqi, Citys
import django.utils.timezone as timezone
from xpinyin import Pinyin
import string
import json
from django.http import Http404
from django.db.models import Avg#将DomainName重定向到DomainName/history_weath
def index(request):return redirect(reverse("history_weath:home"))#history_weath这个app的主页
def home(request):hot_citys =    Citys.objects.filter(hot=1)#汉字转换拼音pin = Pinyin()#生成{'A':[], 'B':[], 'C':[] ...}, 为什么用[[] for i in range(26)]而不用[] * 26, 因为前者是浅拷贝，后者是引用citys = dict(zip(list(string.ascii_uppercase),[[] for i in range(26)])) #将城市名转换为拼音，提取首字母，按不同首字母插入到citys中for item in Citys.objects.all():city = item.cityfirst_letter = pin.get_pinyin(city)[:1].upper()citys[first_letter].append(city)#生成2011至今的年份列表years = [year for year in range(2011,timezone.now().year + 1)]context = {'hot_citys':hot_citys,'citys':citys,'years':years} #将这些数据放入到django模板渲染后显示给用户return render(request, 'history_weath/home.html', {'context':context})#url: DomainName/history_weath/temperature_year, 用于ajax（POST）请求citys,years的月平均气温
def temperature_year(request):post_data = json.loads(request.body)citys = post_data.get('citys',[])years = post_data.get('years',[])print("REQUEST:",citys,years)if citys == [] or years == []:raise Http404("Question does not exist")else:result = []for city in citys:for year in years:city_data = {'name':'%s(%s年)'%(city,year), 'data':[]}for month in range(1,13):#分别计算一个月的每天最高温度平均温度，一个月的每天最低温度平均温度month_avg = Lishitianqi.objects.filter(city=city,date__year=year,date__month=month).aggregate(Avg('maxt'),Avg('mint'))#在将一个月的每天最高温度平均温度，一个月的每天最低温度平均温度求平均mavg = round((month_avg['maxt__avg'] + month_avg['mint__avg'])/2) if month_avg['maxt__avg'] is not None else 0city_data['data'].append(mavg)result.append(city_data)#该曲线图参考https://jshare.com.cn/demos/hhhhxu，其中series.data即为ajax请求返回的数据print("RESPONSE:",result)return HttpResponse(json.dumps(result))#url: DomainName/history_weath/temprature_month, 用于ajax（POST）请求citys,years,month日平均气温
def temperature_month(request):post_data = json.loads(request.body)citys = post_data.get('citys',[])years = post_data.get('years',[])month = post_data.get('month',"")print("REQUEST",citys, years, month)if citys == [] or years == [] or month == "":raise Http404("Question does not exist")else:result = []for city in citys:for year in years:month_obj = Lishitianqi.objects.filter(city=city,date__year=year,date__month=month)#在这里，日平均温度 = 日最高温度 + 日最低温度 / 2month_data = [round((day.maxt + day.mint)/2,1) for day in month_obj]city_data = {'name':'%s(%s年%s月)'%(city,year,month), 'data':month_data}result.append(city_data)#该曲线图参考https://jshare.com.cn/demos/hhhhxu，其中series.data即为ajax请求返回的数据print("RESPONSE",result)return HttpResponse(json.dumps(result))#url: DomainName/history_weath/weath_year_ratio, 用于ajax（POST）请求city,year天气比率
def weath_year_ratio(request):post_data = json.loads(request.body)city = post_data.get('city',"")year = post_data.get('year',"")print("REQUEST",city, year)if city == "" or year == "":raise Http404("Question does not exist")else:weath_year = Lishitianqi.objects.filter(city=city,date__year=year)weath_cnts = [d.weath for d in weath_year]weath_mods = set(weath_cnts)data=[]for wd in weath_mods:cnt = weath_cnts.count(wd)data.append({'name':wd,                        #天气类型，如晴，多云，多云转晴，小雨'y': cnt / len(weath_cnts)        #该类天气在一年天气中所占比例
                })#按天气比例排序data.sort(key=lambda x:x['y'])#将比例最高天气从饼中切出data[-1]['sliced'] = 1#选择比例最高的天气data[-1]['selected'] = 1#该饼图参考https://jshare.com.cn/demos/hhhhDX，其中series.data即为ajax请求返回的数据result = {'name':'%s(%s年)'%(city,year), 'data':data}print("RESPONSE",result)return HttpResponse(json.dumps(result))#url: DomainName/history_weath/weath_month_ration, 用于ajax（POST）请求city,year,month天气比率
def weath_month_ratio(request):post_data = json.loads(request.body)city = post_data.get('city',"")year = post_data.get('year',"")month = post_data.get('month',"")print("REQUEST",city, year,month)if city == "" or year == "" or month == "":raise Http404("Question does not exist")else:weath_year = Lishitianqi.objects.filter(city=city,date__year=year,date__month=month)weath_cnts = [d.weath for d in weath_year]weath_mods = set(weath_cnts)data=[]for wd in weath_mods:cnt = weath_cnts.count(wd)data.append({'name':wd,                    #天气类型，如晴，多云，多云转晴，小雨'y': cnt / len(weath_cnts)    #该类天气在一个月天气中所占比例
                })#按天气比例排序data.sort(key=lambda x:x['y'])#将比例最高天气从饼中切出data[-1]['sliced'] = 1#选择比例最高的天气data[-1]['selected'] = 1#该饼图参考https://jshare.com.cn/demos/hhhhDX，其中series.data即为ajax请求返回的数据result = {'name':'%s(%s年%s月)'%(city,year,month), 'data':data}print("RESPONSE",result)return HttpResponse(json.dumps(result))

 load staticfiles <!doctype html>
<html lang="en"><head><script src=" static 'history_weath/jquery.min.js' "></script><link href=" static 'history_weath/bootstrap.min.css' " rel="stylesheet"><link href=" static 'history_weath/home.css' " rel="stylesheet"></head><body><nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"><a class="navbar-brand col-sm-3 col-md-2 mr-0" href=" url 'history_weath:home' ">全国各城市天气可视化系统</a></nav><div class="container-fluid"><div class="row"><nav class="col-md-2 d-none d-md-block bg-light sidebar"><div class="sidebar-sticky"><ul class="nav flex-column"><li class="nav-item "><a class="active nav-link" id="page1_index" href="#"><span data-feather="bar-chart-2"></span>数据可视化</a></li><li class="nav-item "><a class="nav-link" href="#" id="page2_index"><span data-feather="layers"></span>数据分析</a></li></ul></div></nav><main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4" style="padding-top:70px"><div id="page1"><div clsss="container"><div class="row"><div class="col-md-3"><div class="input-group mb-3"><div class="input-group-prepend" id="page1_iter"><button type="button" class="btn btn-outline-secondary" id="page2_city">城市</button><button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr-only">Toggle Dropdown</span></button><div class="dropdown-menu"> for city in context.hot_citys <button class="dropdown-item page1_add_city">{{ city.city }}</button> endfor  for k,v in context.citys.items <div role="separator" class="dropdown-divider"></div><p class="text-center">{{ k }}</p> for city in v <button class="dropdown-item page1_add_city">{{ city }}</button> endfor  endfor </div></div><input type="text" class="form-control" aria-label="Text input with segmented dropdown button"></div><div class="input-group mb-3"><div class="input-group-prepend" id="page1_iter"><button type="button" class="btn btn-outline-secondary" id="page1_year">年份</button><button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr-only">Toggle Dropdown</span></button><div class="dropdown-menu"> for year in context.years <button class="dropdown-item page1_add_year">{{ year }}</button> endfor </div></div></div></div><div class="col-md-1 "><div class="card " style='height: 100%; background-color: #e5e5e5'><span class="badge badge-info page1_city_list" ></span><div id="page1_city_label"></div></div></div><div class="col-md-1"><div class="card " style='height: 100%; background-color: #e5e5e5'><span class="badge badge-success page1_year_list" ></span><div id="page1_year_label"></div></div></div></div></div><button type="button" class="btn btn-secondary btn-lg btn-block" style="margin-top: 10px" id="page1_send">开始</button><div id="page1_year_content" style="display: none"><div id="page1_chart1" style="min-width:400px;height:400px;width: 100%"></div><div class="input-group mb-3"><div class="input-group-prepend" id="page1_iter"><button type="button" class="btn btn-outline-secondary" id="page1_year_weath">气候</button><button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr-only">Toggle Dropdown</span></button><div class="dropdown-menu"><button class="dropdown-item page1_add_year_weath">关闭</button><div id="page1_year_weath_label"></div></div></div></div><div id="page1_chart3" style="min-width:400px;height:400px;width: 100%; display: none;"></div><div class="btn-group mr-2" role="group" aria-label="First group" style="width: 100%"><button type="button" class="btn btn-secondary page1_month" month=1>一月</button><button type="button" class="btn btn-secondary page1_month" month=2>二月</button><button type="button" class="btn btn-secondary page1_month" month=3>三月</button><button type="button" class="btn btn-secondary page1_month" month=4>四月</button><button type="button" class="btn btn-secondary page1_month" month=5>五月</button><button type="button" class="btn btn-secondary page1_month" month=6>六月</button><button type="button" class="btn btn-secondary page1_month" month=7>七月</button><button type="button" class="btn btn-secondary page1_month" month=8>八月</button><button type="button" class="btn btn-secondary page1_month" month=9>九月</button><button type="button" class="btn btn-secondary page1_month" month=10>十月</button><button type="button" class="btn btn-secondary page1_month" month=11>十一月</button><button type="button" class="btn btn-secondary page1_month" month=12>十二月</button></div><div id="page1_month_content" style="display: none"><div id="page1_chart2" style="min-width:400px;height:400px;width: 100%"></div><div class="input-group mb-3"><div class="input-group-prepend" id="page1_iter"><button type="button" class="btn btn-outline-secondary" id="page1_month_weath">气候</button><button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr-only">Toggle Dropdown</span></button><div class="dropdown-menu"><button class="dropdown-item page1_add_month_weath">关闭</button><div id="page1_month_weath_label"></div></div></div></div><div id="page1_chart4" style="min-width:400px;height:400px;width: 100%; display: none;"></div></div></div></div><div id="page2" style="display: none"></div></main></div>
</div><script src=" static 'history_weath/highcharts.js' "></script><script src=" static 'history_weath/exporting.js' "></script><script src=" static 'history_weath/oldie.js' "></script><script src=" static 'history_weath/highcharts-zh_CN.js' "></script><script src=" static 'history_weath/popper.min.js' "></script><script src=" static 'history_weath/bootstrap.min.js' " ></script><script src=" static 'history_weath/feather.min.js' "></script><script src=" static 'history_weath/home.js' "></script></body>
</html>

body {font-size: .875rem;
}.feather {width: 16px;height: 16px;vertical-align: text-bottom;
}/** Sidebar*/.sidebar {position: fixed;top: 0;bottom: 0;left: 0;z-index: 100; /* Behind the navbar */padding: 48px 0 0; /* Height of navbar */box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}.sidebar-sticky {position: relative;top: 0;height: calc(100vh - 48px);padding-top: .5rem;overflow-x: hidden;overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}@supports ((position: -webkit-sticky) or (position: sticky)) {.sidebar-sticky {position: -webkit-sticky;position: sticky;}
}.sidebar .nav-link {font-weight: 500;color: #333;
}.sidebar .nav-link .feather {margin-right: 4px;color: #999;
}.sidebar .nav-link.active {color: #007bff;
}.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {color: inherit;
}.sidebar-heading {font-size: .75rem;text-transform: uppercase;
}/** Content*/[role="main"] {padding-top: 133px; /* Space for fixed navbar */
}@media (min-width: 768px) {[role="main"] {padding-top: 48px; /* Space for fixed navbar */}
}/** Navbar*/.navbar-brand {padding-top: .75rem;padding-bottom: .75rem;font-size: 1rem;background-color: rgba(0, 0, 0, .25);box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}.navbar .form-control {padding: .75rem 1rem;border-width: 0;border-radius: 0;
}.form-control-dark {color: #fff;background-color: rgba(255, 255, 255, .1);border-color: rgba(255, 255, 255, .1);
}.form-control-dark:focus {border-color: transparent;box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

(function () {'use strict'feather.replace()var page1_chart1 = Highcharts.chart('page1_chart1', {chart: {type: 'line'},title: {text: ''},subtitle: {text: ''},xAxis: {categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']},yAxis: {title: {text: '气温 (°C)'}},plotOptions: {line: {dataLabels: {// 开启数据标签enabled: true          },// 关闭鼠标跟踪，对应的提示框、点击事件会失效enableMouseTracking: false}},series: []
});var page1_chart2 = Highcharts.chart('page1_chart2', {chart: {type: 'line'},title: {text: ''},subtitle: {text: ''},xAxis: {categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]},yAxis: {title: {text: '气温 (°C)'}},plotOptions: {line: {dataLabels: {// 开启数据标签enabled: true          },// 关闭鼠标跟踪，对应的提示框、点击事件会失效enableMouseTracking: false}},series: []
});var page1_chart3 = Highcharts.chart('page1_chart3', {chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},title: {text: ''},tooltip: {pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},plotOptions: {pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {enabled: true,format: '<b>{point.name}</b>: {point.percentage:.1f} %',style: {color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'}}}},series: []
});var page1_chart4 = Highcharts.chart('page1_chart4', {chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},title: {text: ''},tooltip: {pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},plotOptions: {pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {enabled: true,format: '<b>{point.name}</b>: {point.percentage:.1f} %',style: {color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'}}}},series: []
});$("#page1_index").click(function(){$("#page1").show()$("#page2").hide()$("#page2_index").removeClass("active")$("#page1_index").addClass("active")
});$("#page2_index").click(function(){$("#page2").show()$("#page1").hide()$("#page1_index").removeClass("active")$("#page2_index").addClass("active")
});$(".page1_add_city").click(function(){if($(".page1_city_list").text().indexOf($(this).text()) == -1){var insert = $(".page1_city_list").first().clone().text($(this).text())insert.bind("click", function(){$(this).remove()})$("#page1_city_label").before(insert)}
});$(".page1_add_year").click(function(){if($(".page1_year_list").text().indexOf($(this).text()) == -1){var insert = $(".page1_year_list").first().clone().text($(this).text())insert.bind("click", function(){$(this).remove()})$("#page1_year_label").before(insert)}
});$(".page1_add_year_weath").first().click(function(){$("#page1_chart3").hide()$("#page1_year_weath").text("气候")
});$(".page1_add_month_weath").first().click(function(){$("#page1_chart4").hide()$("#page1_month_weath").text("气候")
});$("#page1_send").click(function(){var city_list = $(".page1_city_list")var citys = []for(var i = 1,p = city_list.first().next(); i < city_list.length; i++, p=p.next())citys[i-1] = p.text()var year_list = $(".page1_year_list")var years = []for(var i = 1,p = year_list.first().next(); i < year_list.length; i++, p=p.next())years[i-1] = p.text()if(citys.length > 0 && years.length > 0){//删除for(var z = $(".page1_add_year_weath").first().next(); z.text() != ""; z = $(".page1_add_year_weath").first().next()){z.remove()}for(var i = 0; i < citys.length; i++){for(var j = 0; j < years.length; j++){var city = citys[i];var year = years[j];var text = city + year + "年各种天气所占比例"//添加var insert = $(".page1_add_year_weath").first().clone().text(text)insert.bind("click", function(){$("#page1_chart3").show()$("#page1_year_weath").text($(this).text())$.ajax({type:"POST",url:"/history_weath/weath_year_ratio",data:JSON.stringify({city:city, year:year}),success:function(result){//删除数据var len = page1_chart3.series.length;for(var i = len - 1; i >= 0; i--){page1_chart3.series[i].remove();}//新增数据var data = JSON.parse(result)page1_chart3.addSeries(data);var title = city + "-" + year +"年各种天气所占比例饼图";page1_chart3.setTitle({text:title,useHTML:true})}});})$("#page1_year_weath_label").before(insert)}}$.ajax({type:"POST",url:"/history_weath/temperature_year",data:JSON.stringify({citys:citys, years:years}),success:function(result){//删除数据var len = page1_chart1.series.length;for(var i = len - 1; i >= 0; i--){page1_chart1.series[i].remove();}//新增数据var data = JSON.parse(result)for(var i = 0; i < data.length; i++){page1_chart1.addSeries(data[i]);}var title = citys.toString() + "-" + years.toString() +"年月平均气温曲线图";page1_chart1.setTitle({text:title,useHTML:true})$("#page1_year_content").show()    }});}
});$(".page1_month").click(function(){var city_list = $(".page1_city_list")var citys = []for(var i = 1,p = city_list.first().next(); i < city_list.length; i++, p=p.next())citys[i-1] = p.text()var year_list = $(".page1_year_list")var years = []for(var i = 1,p = year_list.first().next(); i < year_list.length; i++, p=p.next())years[i-1] = p.text()var month = $(this).attr('month')var month_name = $(this).text()if(citys.length > 0 && years.length > 0){//删除for(var z = $(".page1_add_month_weath").first().next(); z.text() != "";z = $(".page1_add_month_weath").first().next()){z.remove()}for(var i = 0; i < citys.length; i++){for(var j = 0; j < years.length; j++){var city = citys[i];var year = years[j];var text = city + year + "年" + month + "月各种天气所占比例"//添加var insert = $(".page1_add_month_weath").first().clone().text(text)insert.bind("click", function(){$("#page1_chart4").show()$("#page1_month_weath").text($(this).text())$.ajax({type:"POST",url:"/history_weath/weath_month_ratio",data:JSON.stringify({city:city, year:year, month:month}),success:function(result){//删除数据var len = page1_chart4.series.length;for(var i = len - 1; i >= 0; i--){page1_chart4.series[i].remove();}//新增数据var data = JSON.parse(result)page1_chart4.addSeries(data);var title = city + "-" + year +"年" + month + "月" + "各种天气所占比例饼图";page1_chart4.setTitle({text:title,useHTML:true})}});})$("#page1_month_weath_label").before(insert)}}$.ajax({type:"POST",url:"/history_weath/temperature_month",data: JSON.stringify({citys:citys, years:years, month:month}),dataType:'json',success:function(result){//删除数据var len = page1_chart2.series.length;for(var i = len - 1; i >= 0; i--){page1_chart2.series[i].remove();}//新增数据var data = resultfor(var i = 0; i < data.length; i++){page1_chart2.addSeries(data[i]);}var title = citys.toString() + "-" + years.toString() +"年" + month  + "月日平均气温曲线图";page1_chart2.setTitle({text:title,useHTML:true})$("#page1_month_content").show()    }});}});}())