TV.kanbanUI.git

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/dataCenterGlobal.css">
    <link rel="stylesheet" type="text/css" href="./css/new30.css">
    <style>
        body {
            background: #001123;
        }
 
        .left .shuju_box .shuju {
            width: 121px;
            height: 100px
        }
    </style>
</head>
 
<body>
 
    <div style="text-align: center;">
        <div class="shuju_box clearfix">
            <div class="shuju shuju1">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2>130+</h2>
                        <p>服务国家和地区</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju2">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="AllCount">191765</h2>
                        <p>全球注册客户(人)</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju3">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="CurrentMonthReg">8265</h2>
                        <p>全球新增客户(人)</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju4">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="CurMonthOrder">16185</h2>
                        <p>全球下单客户(人)</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju2">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="CurMonthMoney">120+</h2>
                        <p>全球销售额(RMB)</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju3">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="CurMonthFileCount">69410</h2>
                        <p>全球文件(款)</p>
                    </div>
                </div>
            </div>
            <div class="shuju shuju4">
                <div class="shuju_cont">
                    <div class="shuju_item">
                        <h2 class="CurMonthArea">85002</h2>
                        <p>全球面积(㎡)</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <div class="map2" id="map_1" style="width: 100%;"></div>
 
 
 
 
</body>
 
</html>
 
<script src="js/jquery.min.js"></script>
<script src='js/echarts.min.js'></script>
<script>
    $("#map_1").height($(window).height() - 0);
    window.onload = function () {
        //$(".shuju_box").width($(".shuju").outerWidth(true)*$(".shuju").length)
    }
 
    var WorldMapData = {
        Init: function () {
            var data = [
                { name: '刚果民主共和国', value: 5 },
                { name: '法国', value: 882 },
                { name: '香港', value: 34 },
                { name: '意大利 ', value: 2118 },
                { name: '新西兰 ', value: 270 },
                { name: '新加坡 ', value: 126 },
                { name: '西班牙', value: 971 },
                { name: '瑞士 ', value: 602 },
                { name: '阿尔巴尼亚', value: 15 },
                { name: '智利', value: 57 },
                { name: '中国', value: 999 },
                { name: '刚果', value: 1 },
                { name: '丹麦', value: 314 },
                { name: '格陵兰岛', value: 1 },
                { name: '匈牙利', value: 1060 },
                { name: '日本', value: 619 },
                { name: '韩国', value: 232 },
                { name: '马其顿共和国', value: 6 },
                { name: '毛里求斯', value: 1 },
                { name: '乌干达', value: 1 },
                { name: '乌克兰', value: 256 },
                { name: '比利时', value: 431 },
                { name: '波斯尼亚和黑塞哥维那', value: 4 },
                { name: '多米尼加共和国', value: 4 },
                { name: '德国', value: 2231 },
                { name: '危地马拉', value: 1 },
                { name: '以色列', value: 162 },
                { name: '哈萨克斯坦', value: 3 },
                { name: '科威特', value: 2 },
                { name: '老挝', value: 3 },
                { name: '瑞典', value: 268 },
                { name: '奥地利', value: 626 },
                { name: '孟加拉国', value: 3 },
                { name: '保加利亚', value: 300 },
                { name: '捷克共和国', value: 1789 },
                { name: '厄瓜多尔', value: 8 },
                { name: '爱沙尼亚', value: 15 },
                { name: '爱尔兰', value: 75 },
                { name: '乔丹', value: 8 },
                { name: '立陶宛', value: 164 },
                { name: '马耳他', value: 8 },
                { name: '罗马尼亚', value: 90 },
                { name: '塞尔维亚共和国', value: 57 },
                { name: '斯洛伐克', value: 284 },
                { name: '英国', value: 1581 },
                { name: '乌拉圭', value: 3 },
                { name: '文莱', value: 4 },
                { name: '哥伦比亚', value: 2 },
                { name: '加纳', value: 13 },
                { name: '伊拉克', value: 1 },
                { name: '牙买加', value: 1 },
                { name: '列支敦士登', value: 10 },
                { name: '墨西哥', value: 462 },
                { name: '摩洛哥', value: 3 },
                { name: '挪威', value: 173 },
                { name: '秘鲁', value: 18 },
                { name: '波兰', value: 2230 },
                { name: '波多黎各', value: 1 },
                { name: '泰国', value: 764 },
                { name: '土耳其', value: 170 },
                { name: '阿根廷', value: 144 },
                { name: '澳大利亚', value: 846 },
                { name: '埃及', value: 10 },
                { name: '希腊', value: 287 },
                { name: '印度', value: 108 },
                { name: '拉脱维亚', value: 47 },
                { name: '卢森堡', value: 3 },
                { name: '菲律宾', value: 55 },
                { name: '葡萄牙', value: 394 },
                { name: '卡塔尔', value: 1 },
                { name: '沙特阿拉伯', value: 7 },
                { name: '塞内加尔', value: 2 },
                { name: '南非', value: 158 },
                { name: '斯里兰卡', value: 17 },
                { name: '阿拉伯联合酋长国', value: 13 },
                { name: '美国', value: 5302 },
                { name: '亚美尼亚', value: 5 },
                { name: '巴西', value: 645 },
                { name: '加那利群岛', value: 3 },
                { name: '哥斯达黎加', value: 3 },
                { name: '芬兰', value: 157 },
                { name: '冰岛', value: 10 },
                { name: '黎巴嫩', value: 2 },
                { name: '马来西亚', value: 79 },
                { name: '巴基斯坦', value: 9 },
                { name: '斯洛文尼亚', value: 414 },
                { name: '台湾', value: 166 },
                { name: '委内瑞拉', value: 6 },
                { name: '津巴布韦', value: 1 },
                { name: '白俄罗斯', value: 102 },
                { name: '喀麦隆', value: 9 },
                { name: '加拿大', value: 1072 },
                { name: '克罗地亚', value: 82 },
                { name: '格鲁吉亚', value: 10 },
                { name: '印度尼西亚', value: 213 },
                { name: '伊朗', value: 4 },
                { name: '肯尼亚', value: 2 },
                { name: '荷兰', value: 718 },
                { name: '尼日利亚', value: 25 },
                { name: '俄罗斯', value: 258 },
                { name: '越南', value: 118 },
                { name: '阿尔及利亚', value: 2 },
                { name: '毛里塔尼亚', value: 2 },
                { name: '马里', value: 2 },
                { name: '尼日尔', value: 2 },
                { name: '苏丹', value: 2 },
                { name: '利比亚', value: 2 },
                { name: '安哥拉', value: 2 },
                { name: '玻利维亚', value: 2 },
                { name: '巴拉圭', value: 2 },
                { name: '纳米比亚', value: 2 },
                { name: '乍得', value: 2 },
                { name: '埃塞俄比亚', value: 2 },
                { name: '中非', value: 2 },
            ];
 
 
            var option = {
                backgroundColor: 'transparent',
                tooltip: {
                    trigger: 'item',
                    formatter: function (params) {
                        if (typeof (params.value)[2] == "undefined") {
                            return params.name + ' : ' + params.value;
                        } else {
                            return params.name + ' : ' + params.value[2];
                        }
                    }
                },
                visualMap: {
                    min: 0,
                    max: 500,
                    realtime: false,
                    calculable: false,
                    color: ['#00E4FF', '#ffe4b5', '#ffe4b5']
                },
                series: [{
                    name: '消费金额',
                    type: 'map',
                    mapType: 'world',
                    label: {
                        normal: {
                            show: false,//显示文字
                            textStyle: {
                                fontSize: 10,
                                fontWeight: 'normal',
                                color: 'rgba(255,255,255,0.5)'
                            }
                        },
                        emphasis: {
                            textStyle: {
                                fontSize: 10,
                                fontWeight: 'normal',
                                color: '#fff'
                            }
                        }
                    },
                    itemStyle: {
                        normal: {
                            areaColor: 'rgba(7,21,57,0.5)',
                            borderColor: '#0177ff',
                        },
                    },
                    roam: true,
                    data: data,
                    symbolSize: function (val) {
                        return val[2] / 15;
                    },
                    nameMap: {
                        'Singapore Rep.': '新加坡',
                        'Dominican Rep.': '多米尼加',
                        'Palestine': '巴勒斯坦',
                        'Bahamas': '巴哈马',
                        'Timor-Leste': '东帝汶',
                        'Afghanistan': '阿富汗',
                        'Guinea-Bissau': '几内亚比绍',
                        "Côte d'Ivoire": '科特迪瓦',
                        'Siachen Glacier': '锡亚琴冰川',
                        "Br. Indian Ocean Ter.": '英属印度洋领土',
                        'Angola': '安哥拉',
                        'Albania': '阿尔巴尼亚',
                        'United Arab Emirates': '阿联酋',
                        'Argentina': '阿根廷',
                        'Armenia': '亚美尼亚',
                        'French Southern and Antarctic Lands': '法属南半球和南极领地',
                        'Australia': '澳大利亚',
                        'Austria': '奥地利',
                        'Azerbaijan': '阿塞拜疆',
                        'Burundi': '布隆迪',
                        'Belgium': '比利时',
                        'Benin': '贝宁',
                        'Burkina Faso': '布基纳法索',
                        'Bangladesh': '孟加拉国',
                        'Bulgaria': '保加利亚',
                        'The Bahamas': '巴哈马',
                        'Bosnia and Herz.': '波斯尼亚和黑塞哥维那',
                        'Belarus': '白俄罗斯',
                        'Belize': '伯利兹',
                        'Bermuda': '百慕大',
                        'Bolivia': '玻利维亚',
                        'Brazil': '巴西',
                        'Brunei': '文莱',
                        'Bhutan': '不丹',
                        'Botswana': '博茨瓦纳',
                        'Central African Republic': '中非',
                        'Canada': '加拿大',
                        'Switzerland': '瑞士',
                        'Chile': '智利',
                        'China': '中国',
                        'Ivory Coast': '象牙海岸',
                        'Cameroon': '喀麦隆',
                        'Democratic Republic of the Congo': '刚果民主共和国',
                        'Congo': '刚果',
                        'Colombia': '哥伦比亚',
                        'Costa Rica': '哥斯达黎加',
                        'Cuba': '古巴',
                        'N. Cyprus': '北塞浦路斯',
                        'Cyprus': '塞浦路斯',
                        'Czech Rep.': '捷克',
                        'Germany': '德国',
                        'Djibouti': '吉布提',
                        'Denmark': '丹麦',
                        'Algeria': '阿尔及利亚',
                        'Ecuador': '厄瓜多尔',
                        'Egypt': '埃及',
                        'Eritrea': '厄立特里亚',
                        'Spain': '西班牙',
                        'Estonia': '爱沙尼亚',
                        'Ethiopia': '埃塞俄比亚',
                        'Finland': '芬兰',
                        'Fiji': '斐济',
                        'Falkland Islands': '福克兰群岛',
                        'France': '法国',
                        'Gabon': '加蓬',
                        'United Kingdom': '英国',
                        'Georgia': '格鲁吉亚',
                        'Ghana': '加纳',
                        'Guinea': '几内亚',
                        'Gambia': '冈比亚',
                        'Guinea Bissau': '几内亚比绍',
                        'Eq. Guinea': '赤道几内亚',
                        'Greece': '希腊',
                        'Greenland': '格陵兰',
                        'Guatemala': '危地马拉',
                        'French Guiana': '法属圭亚那',
                        'Guyana': '圭亚那',
                        'Honduras': '洪都拉斯',
                        'Croatia': '克罗地亚',
                        'Haiti': '海地',
                        'Hungary': '匈牙利',
                        'Indonesia': '印度尼西亚',
                        'India': '印度',
                        'Ireland': '爱尔兰',
                        'Iran': '伊朗',
                        'Iraq': '伊拉克',
                        'Iceland': '冰岛',
                        'Israel': '以色列',
                        'Italy': '意大利',
                        'Jamaica': '牙买加',
                        'Jordan': '约旦',
                        'Japan': '日本',
                        'Kazakhstan': '哈萨克斯坦',
                        'Kenya': '肯尼亚',
                        'Kyrgyzstan': '吉尔吉斯斯坦',
                        'Cambodia': '柬埔寨',
                        'Korea': '韩国',
                        'Kosovo': '科索沃',
                        'Kuwait': '科威特',
                        'Lao PDR': '老挝',
                        'Lebanon': '黎巴嫩',
                        'Liberia': '利比里亚',
                        'Libya': '利比亚',
                        'Sri Lanka': '斯里兰卡',
                        'Lesotho': '莱索托',
                        'Lithuania': '立陶宛',
                        'Luxembourg': '卢森堡',
                        'Latvia': '拉脱维亚',
                        'Morocco': '摩洛哥',
                        'Moldova': '摩尔多瓦',
                        'Madagascar': '马达加斯加',
                        'Mexico': '墨西哥',
                        'Macedonia': '马其顿',
                        'Mali': '马里',
                        'Myanmar': '缅甸',
                        'Montenegro': '黑山',
                        'Mongolia': '蒙古',
                        'Mozambique': '莫桑比克',
                        'Mauritania': '毛里塔尼亚',
                        'Malawi': '马拉维',
                        'Malaysia': '马来西亚',
                        'Namibia': '纳米比亚',
                        'New Caledonia': '新喀里多尼亚',
                        'Niger': '尼日尔',
                        'Nigeria': '尼日利亚',
                        'Nicaragua': '尼加拉瓜',
                        'Netherlands': '荷兰',
                        'Norway': '挪威',
                        'Nepal': '尼泊尔',
                        'New Zealand': '新西兰',
                        'Oman': '阿曼',
                        'Pakistan': '巴基斯坦',
                        'Panama': '巴拿马',
                        'Peru': '秘鲁',
                        'Philippines': '菲律宾',
                        'Papua New Guinea': '巴布亚新几内亚',
                        'Poland': '波兰',
                        'Puerto Rico': '波多黎各',
                        'Dem. Rep. Korea': '朝鲜',
                        'Portugal': '葡萄牙',
                        'Paraguay': '巴拉圭',
                        'Qatar': '卡塔尔',
                        'Romania': '罗马尼亚',
                        'Russia': '俄罗斯',
                        'Rwanda': '卢旺达',
                        'W. Sahara': '西撒哈拉',
                        'Saudi Arabia': '沙特阿拉伯',
                        'Sudan': '苏丹',
                        'South Sudan': '南苏丹',
                        'Senegal': '塞内加尔',
                        'Solomon Is.': '所罗门群岛',
                        'Sierra Leone': '塞拉利昂',
                        'El Salvador': '萨尔瓦多',
                        'Somaliland': '索马里兰',
                        'Somalia': '索马里',
                        'Serbia': '塞尔维亚',
                        'Suriname': '苏里南',
                        'Slovakia': '斯洛伐克',
                        'Slovenia': '斯洛文尼亚',
                        'Sweden': '瑞典',
                        'Swaziland': '斯威士兰',
                        'Syria': '叙利亚',
                        'Chad': '乍得',
                        'Togo': '多哥',
                        'Thailand': '泰国',
                        'Tajikistan': '塔吉克斯坦',
                        'Turkmenistan': '土库曼斯坦',
                        'East Timor': '东帝汶',
                        'Trinidad and Tobago': '特里尼达和多巴哥',
                        'Tunisia': '突尼斯',
                        'Turkey': '土耳其',
                        'Tanzania': '坦桑尼亚',
                        'Uganda': '乌干达',
                        'Ukraine': '乌克兰',
                        'Uruguay': '乌拉圭',
                        "United States of America": '美国',
                        'Uzbekistan': '乌兹别克斯坦',
                        'Venezuela': '委内瑞拉',
                        'Vietnam': '越南',
                        'Vanuatu': '瓦努阿图',
                        'West Bank': '西岸',
                        'Yemen': '也门',
                        'South Africa': '南非',
                        'Zambia': '赞比亚',
                        'Zimbabwe': '津巴布韦',
                        'Comoros': '科摩罗',
                        'United Republic of Tanzania': '坦桑尼亚联合共和国',
                    },
                }
                ]
            };
 
            $.getJSON('./json/world.json', function (globalJson) {
                echarts.registerMap('world', globalJson);
                // 基于准备好的dom，初始化echarts实例
                var chart = echarts.init(document.getElementById('map_1'));
                chart.setOption({
                    series: [{
                        type: 'map',
                        map: 'world'
                    }]
                });
                chart.setOption(option, true);
            });
 
        }
    }
 
    WorldMapData.Init();
 
</script>