flask + pyecharts 疫情数据分析 搭建交互式动态可视化新冠肺炎疫情地图（附代码实现）

import time, json
import pandas as pd
from pyecharts.charts import Map
import pyecharts.options as opts

def render_mapcountChina_rate(dateId):
    data = pd.read_csv(n)
    data = data[data['dateId'] == dateId]
    #print(data['currentConfirmedCount'])
    list_data = zip(list(data['provinceShortName']), list((data['deadCount']*1000 // data['confirmedCount'])/10))
    # [('湖北', 48206), ('广东', 1241), ('河南', 1169), ('浙江', 1145), ..., ('澳门', 10), ('西藏', 1)]

    c = (
        Map()
        .add('', list_data, 'china')
        .set_global_opts(
            title_opts=opts.TitleOpts(title='全国疫情分布图（死亡率）'+str(dateId)),
            visualmap_opts=opts.VisualMapOpts(is_show=True,
                                            split_number=6,
                                            is_piecewise=True,  # 是否为分段型
                                            pos_top='center',
                                            pieces=[
                                                    {'min': 40, 'color': '#7f1818'},  #不指定 max
                                                    {'min': 20, 'max': 40},
                                                    {'min': 10, 'max': 20},
                                                    {'min': 8, 'max': 10},
                                                    {'min': 4, 'max': 8},
                                                    {'min': 1, 'max': 4},
                                                    {'min': 0.6, 'max': 1},
                                                    {'min': 0.1, 'max': 0.5},
                                                    {'min': 0, 'max': 0}                                                 
                                                 ]),
        )
    )
    return c

def render_mapcountChina(dateId,type = 0):
    if(type==0):
        return render_mapcountChina_current(dateId)
    elif(type==1):
        return render_mapcountChina_death(dateId)
    elif(type==2):
        return render_mapcountChina_rate(dateId)

@app.route("/chinamap",methods=['POST', 'GET'])
def get_china_map():
    if request.method == 'GET':
        maptype = int(request.args.get('type', ''))
        i = int(request.args.get('index', ''))
        print(maptype)
        print(i)
        return render_mapcountChina(date_list[int(i)],maptype).dump_options_with_quotes()

<div id="current-maps" >
    <div>
        <label>请选择地图类型:     </label>
        <select name="select-map" id="mapselecter">
            <option value="0" >现存确诊人数</option>
            <option value="1" >累计死亡人数</option>
            <option value="2" >死亡率（死亡/确诊）</option>
        </select>
    </div>
    <div>
        <label>拖动滑块即可切换日期:</label>
        <input id='slider' style="width: 400px;vertical-align: middle;" type='range' min='0' max='121' step='1'/>
    </div>
    <div id="worldMap" class="maps" style="width:800px; height:600px;display: inline-block;"></div>
    <div id="chinaMap" class="maps" style="width:800px; height:600px;display: inline-block;"></div>
</div>

document.getElementById('slider').onchange =  function changeDate(){
    fetchworldMapData(worldmap);
    fetchchinaMapData(chinamap);
}

document.getElementById('mapselecter').onchange = function changeCountry(){
    fetchworldMapData(worldmap);
    fetchchinaMapData(chinamap);
}

function fetchworldMapData(chart) {
    $.ajax({
        type: "GET",
        url: "/worldmap",
        dataType: "json",
        data:  "type="+document.getElementById('mapselecter').value+'&'+"index="+document.getElementById('slider').value,
        success: function (result) {
            chart.setOption(result);
        }
    });
}

function fetchchinaMapData(chart) {
    $.ajax({
        type: "GET",
        url: "/chinamap",
        dataType: "json",
        data:  "type="+document.getElementById('mapselecter').value+'&'+"index="+document.getElementById('slider').value,
        success: function (result) {
            chart.setOption(result);
        }
    });
}