Echar.js地图

最新推荐文章于 2023-11-02 08:51:09 发布
gavin_gxh
最新推荐文章于 2023-11-02 08:51:09 发布
阅读量460
点赞数
分类专栏： ECHART HTML 文章标签：其他经验分享
gavin-gxh
本文链接：https://blog.csdn.net/xiaofei2008gxh/article/details/124061582
版权
HTML 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
ECHART
1 篇文章 0 订阅
订阅专栏

<!DOCTYPE html>
<html>
<head id="Head1"><title>
	产品列表
</title><link rel="stylesheet" href="../css/reset.css" type="text/css" /><link rel="stylesheet" href="../css/common.css" type="text/css" />
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript" src="../js/default.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script src="https://img.hcharts.cn/highmaps/highmaps.js"></script>
	<script src="https://data.jianshukeji.com/geochina/china.js"></script>
   
    <script src="../My97DatePicker/WdatePicker.js" type="text/javascript"></script>

     <style type="text/css">
            .highcharts-figure, .highcharts-data-table table {
                min-width: 360px; 
                max-width: 800px;
                margin: 1em auto;
            }

            .highcharts-data-table table {
	            font-family: Verdana, sans-serif;
	            border-collapse: collapse;
	            border: 1px solid #EBEBEB;
	            margin: 10px auto;
	            text-align: center;
	            width: 100%;
	            max-width: 500px;
            }
            .highcharts-data-table caption {
                padding: 1em 0;
                font-size: 1.2em;
                color: #555;
            }
            .highcharts-data-table th {
	            font-weight: 600;
                padding: 0.5em;
            }
            .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
                padding: 0.5em;
            }
            .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
                background: #f8f8f8;
            }
            .highcharts-data-table tr:hover {
                background: #f1f7ff;
            }
		</style>
</head>
<body>
    <form method="post" action="./ClickAny.aspx" id="from1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTMxMTg0Mzg2OA9kFgICAw9kFgJmD2QWBgIBDxYCHgRUZXh0BZ0DPGxpPjxhIGhyZWY9ImphdmFzY3JpcHQ6dm9pZCgwKSIgIGRhdGEtbmF2anM9Im5hdl9BZG1pbiI+572R56uZ6K6+572uPC9hPiA8L2xpPjxsaT48YSBocmVmPSJqYXZhc2NyaXB0OnZvaWQoMCkiICBkYXRhLW5hdmpzPSJuYXZfQmFubmVyIj7lub/lkYrkvY08L2E+IDwvbGk+PGxpPjxhIGhyZWY9ImphdmFzY3JpcHQ6dm9pZCgwKSIgIGRhdGEtbmF2anM9Im5hdl9BYm91dCI+5YWz5LqO5p2w5YWLPC9hPiA8L2xpPjxsaT48YSBocmVmPSJqYXZhc2NyaXB0OnZvaWQoMCkiIGNsYXNzPSJjdXIiIGRhdGEtbmF2anM9Im5hdl9Qcm9kdWN0Ij7kuqflk4HkuK3lv4M8L2E+IDwvbGk+PGxpPjxhIGhyZWY9ImphdmFzY3JpcHQ6dm9pZCgwKSIgIGRhdGEtbmF2anM9Im5hdl9TZXJ2aWNlcyI+5b+r6YCf5pyN5YqhMTAwJTwvYT4gPC9saT5kAgMPFgIfAAUFYWRtaW5kAgUPFgIfAAWcEzxkbCBjbGFzcz0ibmF2LWxpc3QiIGlkPSJuYXZfQWRtaW4iPjxkdD7nvZHnq5norr7nva48L2R0PjxkZD48cD48YSAgaHJlZj0iL2phY2svYWRtaW4vYWRtaW5fbGlzdC5hc3B4Ij7nrqHnkIblkZjliJfooag8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svYWRtaW4vU3RvcmVzX0xpc3QuYXNweCI+6IGM5L2N5YiX6KGoPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL2FkbWluL0FkbWluTG9nLmFzcHgiPuaTjeS9nOaXpeW/l+WIl+ihqDwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9hZG1pbi9zZW9fbGlzdC5hc3B4Ij7pobXpnaLlhbPplK7or43liJfooag8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svYWRtaW4vc3lzdGVta2V5d29yZF9saXN0LmFzcHgiPuWFqOaWh+WFs+mUruivjeWIl+ihqDwvYT48L3A+PC9wPiA8L2RkPjwvZGw+PGRsIGNsYXNzPSJuYXYtbGlzdCIgaWQ9Im5hdl9CYW5uZXIiPjxkdD7lub/lkYrkvY08L2R0PjxkZD48cD48YSAgaHJlZj0iL2phY2svQmFubmVyL0Jhbm5lcl9MaXN0LmFzcHgiPummlumhteW5v+WRiuS9jTwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9CYW5uZXIvSW5kZXhCYW5uZXJfTGlzdC5hc3B4Ij7pppbpobXlm5vlpKflnZc8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svQmFubmVyL0luc2lkZV9MaXN0LmFzcHgiPuWGhemhteW5v+WRiuS9jTwvYT48L3A+PC9wPiA8L2RkPjwvZGw+PGRsIGNsYXNzPSJuYXYtbGlzdCIgaWQ9Im5hdl9BYm91dCI+PGR0PuWFs+S6juadsOWFizwvZHQ+PGRkPjxwPjxhICBocmVmPSIvamFjay9BYm91dC9TaW5nbGVfQWRkLmFzcHgiPuadsOWFi+amgui/sDwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9BYm91dC9OZXdzVHlwZV9MaXN0LmFzcHgiPuaWsOmXu+exu+Wei+WIl+ihqDwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9BYm91dC9OZXdzVGFnZV9MaXN0LmFzcHgiPuaWsOmXu+agh+etvuWIl+ihqDwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9BYm91dC9OZXdzX0xpc3QuYXNweCI+5paw6Ze75Lit5b+DPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL0Fib3V0L0RlcGFydG1lbnRfTGlzdC5hc3B4Ij7mi5vogZjpg6jpl6g8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svQWJvdXQvSm9iUGxhY2VfTGlzdC5hc3B4Ij7lt6XkvZzlnLDljLo8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svQWJvdXQvSm9iX0xpc3QuYXNweCI+5oub6IGY5L+h5oGvPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL0Fib3V0L0NvbnRlbnRfQWRkLmFzcHgiPuiBlOezu+adsOWFizwvYT48L3A+PC9wPjxwPjxhICBocmVmPSIvamFjay9BYm91dC9MZWF2ZU1zZy5hc3B4Ij7nlZnoqIDliJfooag8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svQWJvdXQvRGlzdHJpYnV0b3JfTGlzdC5hc3B4Ij7mnbDlhYvnu4/plIDllYY8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svQWJvdXQvSm9iQ29tbWVudF9MaXN0LmFzcHgiPuW6lOiBmOS/oeaBryjnlZnoqIApPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL0Fib3V0L0pvYkRvd25fTGlzdC5hc3B4Ij7lupTogZjkv6Hmga8o566A5Y6GKTwvYT48L3A+PC9wPiA8L2RkPjwvZGw+PGRsIGNsYXNzPSJuYXYtbGlzdCIgaWQ9Im5hdl9Qcm9kdWN0Ij48ZHQ+5Lqn5ZOB5Lit5b+DPC9kdD48ZGQ+PHA+PGEgIGhyZWY9Ii9qYWNrL1Byb2R1Y3QvUHJvZHVjdFR5cGVfTGlzdC5hc3B4Ij7kuqflk4HliIbnsbs8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svUHJvZHVjdC9Qcm9kdWN0X0xpc3QuYXNweCI+5Lqn5ZOB566h55CGPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL1Byb2R1Y3QvVXNlckNhc2VfTGlzdC5hc3B4Ij7lrqLmiLfmoYjkvos8L2E+PC9wPjwvcD48cD48YSBjbGFzcz0iY3VyIiBocmVmPSIvamFjay9Qcm9kdWN0L0NsaWNrQW55LmFzcHgiPuS6p+WTgea1j+iniOWIhuaekDwvYT48L3A+PC9wPiA8L2RkPjwvZGw+PGRsIGNsYXNzPSJuYXYtbGlzdCIgaWQ9Im5hdl9TZXJ2aWNlcyI+PGR0PuW/q+mAn+acjeWKoTEwMCU8L2R0PjxkZD48cD48YSAgaHJlZj0iL2phY2svU2VydmljZXMvSW5mby5hc3B4Ij7lnKjnur/mnI3liqHkv6Hmga88L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svU2VydmljZXMvUGFja2V0U2VydmljZV9BZGQuYXNweCI+5LiJ5YyF5pyN5YqhPC9hPjwvcD48L3A+PHA+PGEgIGhyZWY9Ii9qYWNrL1NlcnZpY2VzL1NlcnZlck5ld3NfTGlzdC5hc3B4Ij7mnI3liqHotYTorq88L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svU2VydmljZXMvU2VydmVyVm9pZGVfTGlzdC5hc3B4Ij7nu7Tkv67mlZnnqIs8L2E+PC9wPjwvcD48cD48YSAgaHJlZj0iL2phY2svU2VydmljZXMvU2VydmVyUXVlcnlfTGlzdC5hc3B4Ij7plJnor6/kv6Hmga88L2E+PC9wPjwvcD4gPC9kZD48L2RsPmRkrbyHt4ZHls6zvlnAHGCSXbKleUnewzKuIEJ1VWd0WPM=" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AD9FB5E5" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAzyPmVZ2f2+OY5IczJ2QN0a+XteEhNEAbWiPVKPCpXvpn+vKvfPrfqMETSWenVhOD02nGpTd6//j0EpzebymUx7jp9/4oWUW3sW3958Io53rCZsnBYciREGYPXteJFD/nUKSgqZOlYqTmFXxaxD3AA29rSBT4DcBDq/VJsVB8WM71z46H0dEolH1XGoehG10ZRHvF2Pln5yqffpUOiqjAA9dM2nYJXyAza1JOW1Th+0qBK9Kgd4MpeRmpAD6HKyXsEu/IhYUwvNayLP1qXGKObupHw7s6ObB7AO6omXCrJ5qA==" />
</div>
    
<div class="topWrap">
    <a href="/jack/" class="logo">
        <img alt="eyoung网站建设" src="/images/logo.png" width="120" /></a>
    <div class="nav" id="nav">
        <ul>
            <li><a href="javascript:void(0)"  data-navjs="nav_Admin">网站设置</a> </li><li><a href="javascript:void(0)"  data-navjs="nav_Banner">广告位</a> </li><li><a href="javascript:void(0)"  data-navjs="nav_About">关于杰克</a> </li><li><a href="javascript:void(0)" class="cur" data-navjs="nav_Product">产品中心</a> </li><li><a href="javascript:void(0)"  data-navjs="nav_Services">快速服务100%</a> </li>
            
            <li><a target="_blank" href="/">网站预览</a> </li>
        </ul>
    </div>
    <div class="link link1">
        <a href="http://www.firefox.com.cn/" target="_blank">推荐浏览器</a>
    </div>
    <div class="link link2">
        <strong>
            admin</strong> 您好! <a href="/jack/changepassword.aspx">
                [修改密码]</a> <a href="/jack/loginout.aspx">[退出]</a>
    </div>
</div>
<div class="leftWrap">
    <div class="nav-left">
        <dl class="nav-list" id="nav_Admin"><dt>网站设置</dt><dd><p><a  href="/jack/admin/admin_list.aspx">管理员列表</a></p></p><p><a  href="/jack/admin/Stores_List.aspx">职位列表</a></p></p><p><a  href="/jack/admin/AdminLog.aspx">操作日志列表</a></p></p><p><a  href="/jack/admin/seo_list.aspx">页面关键词列表</a></p></p><p><a  href="/jack/admin/systemkeyword_list.aspx">全文关键词列表</a></p></p> </dd></dl><dl class="nav-list" id="nav_Banner"><dt>广告位</dt><dd><p><a  href="/jack/Banner/Banner_List.aspx">首页广告位</a></p></p><p><a  href="/jack/Banner/IndexBanner_List.aspx">首页四大块</a></p></p><p><a  href="/jack/Banner/Inside_List.aspx">内页广告位</a></p></p> </dd></dl><dl class="nav-list" id="nav_About"><dt>关于杰克</dt><dd><p><a  href="/jack/About/Single_Add.aspx">杰克概述</a></p></p><p><a  href="/jack/About/NewsType_List.aspx">新闻类型列表</a></p></p><p><a  href="/jack/About/NewsTage_List.aspx">新闻标签列表</a></p></p><p><a  href="/jack/About/News_List.aspx">新闻中心</a></p></p><p><a  href="/jack/About/Department_List.aspx">招聘部门</a></p></p><p><a  href="/jack/About/JobPlace_List.aspx">工作地区</a></p></p><p><a  href="/jack/About/Job_List.aspx">招聘信息</a></p></p><p><a  href="/jack/About/Content_Add.aspx">联系杰克</a></p></p><p><a  href="/jack/About/LeaveMsg.aspx">留言列表</a></p></p><p><a  href="/jack/About/Distributor_List.aspx">杰克经销商</a></p></p><p><a  href="/jack/About/JobComment_List.aspx">应聘信息(留言)</a></p></p><p><a  href="/jack/About/JobDown_List.aspx">应聘信息(简历)</a></p></p> </dd></dl><dl class="nav-list" id="nav_Product"><dt>产品中心</dt><dd><p><a  href="/jack/Product/ProductType_List.aspx">产品分类</a></p></p><p><a  href="/jack/Product/Product_List.aspx">产品管理</a></p></p><p><a  href="/jack/Product/UserCase_List.aspx">客户案例</a></p></p><p><a class="cur" href="/jack/Product/ClickAny.aspx">产品浏览分析</a></p></p> </dd></dl><dl class="nav-list" id="nav_Services"><dt>快速服务100%</dt><dd><p><a  href="/jack/Services/Info.aspx">在线服务信息</a></p></p><p><a  href="/jack/Services/PacketService_Add.aspx">三包服务</a></p></p><p><a  href="/jack/Services/ServerNews_List.aspx">服务资讯</a></p></p><p><a  href="/jack/Services/ServerVoide_List.aspx">维修教程</a></p></p><p><a  href="/jack/Services/ServerQuery_List.aspx">错误信息</a></p></p> </dd></dl>
        
    </div>
</div>

    <div class="mainWrap">
        <div class="smail-nav">
            所在位置：<a>产品中心</a> <em class="fenge">»</em> <span class="lab">点击量分析</span>
        </div>
        <div class="mainContent">
            <!--内容部分 S-->
            <div class="bar clearfix">
               
                <div class="buttonWrap">
                    <!-- 搜索条件 -->
                    <select name="drpKind" id="drpKind">
	<option value="">--统计维度--</option>
	<option value="1">按天</option>
	<option value="2">按月</option>
	<option value="3">按产品类型</option>
	<option value="4">按产品</option>
	<option selected="selected" value="5">按中国省份</option>

</select>
                     <input name="showcount" type="text" value="10" id="showcount" class="text" placeholder="展示数据项数量" />
                     <input name="txt_clicktimest" type="text" value="2021-04-01 00:00:00" id="txt_clicktimest" class="text" onfocus="WdatePicker({dateFmt:&#39;yyyy-MM-dd HH:mm:ss&#39;});" placeholder="时间起始" style="width:150px;" />~
                     <input name="txt_clicktimestend" type="text" value="2022-04-09 15:22:52" id="txt_clicktimestend" class="text" onfocus="WdatePicker({dateFmt:&#39;yyyy-MM-dd HH:mm:ss&#39;});" placeholder="时间结束" style="width:150px;" />
                    <input name="searchValue" type="text" id="searchValue" class="text" placeholder="根据产品名称、产品机型搜索" />
                   <input type="submit" name="But_Search" value="统计" id="But_Search" class="button" />
                    <input type="button" value="清除条件" class="button" onclick="search_rest();" />
                </div>
            </div>
            <figure class="highcharts-figure">
    <div id="container"></div>
            <!--highchart-->
			<div style="display:none">select  province ,COUNT(*)  from tb_clickrecord where  1 = 1  and  objname like '%%' or objclsname like '%%' and clickdatetime between  '2021-04-01 00:00:00' and  '2022-04-09 15:22:52' and  country = '中国' group by province order by province desc</div>
        </div>
    </div>
    <script type="text/javascript">
    var data = [{"fullname":"重庆市 ","value":1184},{"fullname":"中国 ","value":3375},{"fullname":"智利","value":165},{"fullname":"浙江省","value":60899},{"fullname":"赞比亚 ","value":5},{"fullname":"云南省 ","value":1342},{"fullname":"越南","value":1712},{"fullname":"约旦 ","value":18},{"fullname":"英国 ","value":2498},{"fullname":"印度尼西亚 ","value":118},{"fullname":"印度 ","value":847},{"fullname":"意大利 ","value":894},{"fullname":"以色列 ","value":14},{"fullname":"伊朗 ","value":431},{"fullname":"伊拉克 ","value":40},{"fullname":"也门 ","value":89},{"fullname":"亚太地区 ","value":3724},{"fullname":"亚美尼亚 ","value":108},{"fullname":"牙买加","value":1},{"fullname":"叙利亚 ","value":7},{"fullname":"匈牙利 ","value":80},{"fullname":"新西兰 ","value":61},{"fullname":"新喀里多尼亚 ","value":1},{"fullname":"新疆维吾尔自治区","value":1096},{"fullname":"新加坡 ","value":1145},{"fullname":"香港特别行政区","value":2017},{"fullname":"希腊 ","value":42},{"fullname":"西藏自治区","value":45},{"fullname":"西班牙 ","value":289},{"fullname":"乌兹别克斯坦 ","value":156},{"fullname":"乌克兰","value":368},{"fullname":"乌干达 ","value":3},{"fullname":"文莱","value":2},{"fullname":"委内瑞拉 ","value":4},{"fullname":"危地马拉","value":27},{"fullname":"土耳其 ","value":1932},{"fullname":"突尼斯 ","value":36},{"fullname":"天津市","value":1632},{"fullname":"坦桑尼亚 ","value":3},{"fullname":"泰国 ","value":106},{"fullname":"台湾省","value":1316},{"fullname":"塔吉克斯坦 ","value":3},{"fullname":"索马里 ","value":1},{"fullname":"苏丹 ","value":1},{"fullname":"四川省","value":8356},{"fullname":"斯洛文尼亚 ","value":4},{"fullname":"斯洛伐克 ","value":89},{"fullname":"斯里兰卡 ","value":7},{"fullname":"上海市","value":15861},{"fullname":"陕西省 ","value":1878},{"fullname":"山西省 ","value":2145},{"fullname":"山东省 ","value":13536},{"fullname":"沙特阿拉伯 ","value":32},{"fullname":"塞内加尔 ","value":2},{"fullname":"塞尔维亚 ","value":21},{"fullname":"萨尔瓦多 ","value":16},{"fullname":"瑞士 ","value":188},{"fullname":"瑞典 ","value":624},{"fullname":"日本 ","value":1394},{"fullname":"青海省 ","value":248},{"fullname":"葡萄牙","value":643},{"fullname":"欧洲地区 ","value":6},{"fullname":"欧洲 ","value":751},{"fullname":"欧盟 ","value":426},{"fullname":"挪威 ","value":42},{"fullname":"宁夏回族自治区","value":213},{"fullname":"尼日利亚 ","value":57},{"fullname":"尼加拉瓜 ","value":16},{"fullname":"尼泊尔 ","value":21},{"fullname":"南非 ","value":983},{"fullname":"纳米比亚 ","value":2},{"fullname":"内蒙古自治区","value":1829},{"fullname":"墨西哥 ","value":280},{"fullname":"莫桑比克 ","value":7},{"fullname":"摩洛哥 ","value":100},{"fullname":"摩尔多瓦 ","value":3369},{"fullname":"缅甸 ","value":37},{"fullname":"秘鲁 ","value":150},{"fullname":"孟加拉 ","value":235},{"fullname":"蒙古 ","value":123},{"fullname":"美国 ","value":27881},{"fullname":"毛里求斯","value":1},{"fullname":"马里 ","value":1},{"fullname":"马来西亚 ","value":90},{"fullname":"马尔代夫","value":5},{"fullname":"马恩岛","value":1},{"fullname":"马达加斯加 ","value":6},{"fullname":"罗马尼亚 ","value":154},{"fullname":"卢旺达 ","value":26},{"fullname":"卢森堡 ","value":181},{"fullname":"辽宁省","value":4810},{"fullname":"利比亚 ","value":30},{"fullname":"立陶宛 ","value":17},{"fullname":"黎巴嫩 ","value":12},{"fullname":"老挝 ","value":56},{"fullname":"莱索托","value":3},{"fullname":"拉脱维亚 ","value":22},{"fullname":"肯尼亚 ","value":6},{"fullname":"克罗地亚 ","value":3},{"fullname":"科威特 ","value":4},{"fullname":"科特迪瓦","value":2},{"fullname":"科索沃 ","value":2},{"fullname":"津巴布韦 ","value":3},{"fullname":"捷克 ","value":158},{"fullname":"江西省","value":7744},{"fullname":"江苏省","value":22576},{"fullname":"柬埔寨 ","value":301},{"fullname":"加纳 ","value":4},{"fullname":"加拿大 ","value":758},{"fullname":"吉林省","value":656},{"fullname":"吉尔吉斯斯坦","value":119},{"fullname":"湖南省 ","value":3149},{"fullname":"湖北省","value":9567},{"fullname":"洪都拉斯 ","value":10},{"fullname":"黑龙江省","value":608},{"fullname":"荷兰 ","value":89},{"fullname":"河南省 ","value":14053},{"fullname":"河北省 ","value":12247},{"fullname":"韩国 ","value":729},{"fullname":"海南省 ","value":218},{"fullname":"海地 ","value":4},{"fullname":"哈萨克斯坦 ","value":70},{"fullname":"贵州省 ","value":1009},{"fullname":"广西壮族自治区","value":5110},{"fullname":"广东省","value":27485},{"fullname":"古巴 ","value":6},{"fullname":"格鲁吉亚","value":13},{"fullname":"哥斯达黎加 ","value":18},{"fullname":"哥伦比亚 ","value":264},{"fullname":"刚果民主共和国 ","value":3},{"fullname":"甘肃省 ","value":460},{"fullname":"福建省","value":7083},{"fullname":"芬兰 ","value":314},{"fullname":"菲律宾","value":20},{"fullname":"非洲地区 ","value":52},{"fullname":"法国 ","value":2924},{"fullname":"厄瓜多尔 ","value":33},{"fullname":"俄罗斯 ","value":2473},{"fullname":"多米尼加 ","value":24},{"fullname":"德国 ","value":3030},{"fullname":"丹麦","value":8},{"fullname":"不丹","value":2},{"fullname":"伯利兹 ","value":2},{"fullname":"玻利维亚 ","value":41},{"fullname":"波斯尼亚和黑塞哥维那 ","value":4},{"fullname":"波兰 ","value":114},{"fullname":"波多黎各 ","value":40},{"fullname":"冰岛","value":1},{"fullname":"比利时 ","value":387},{"fullname":"贝宁 ","value":6},{"fullname":"北美地区 ","value":1211},{"fullname":"北马其顿 ","value":5},{"fullname":"北马里亚纳群岛 ","value":1},{"fullname":"北京市","value":24464},{"fullname":"保加利亚 ","value":272},{"fullname":"白俄罗斯 ","value":229},{"fullname":"巴西 ","value":360},{"fullname":"巴拿马 ","value":21},{"fullname":"巴林 ","value":4},{"fullname":"巴勒斯坦 ","value":5},{"fullname":"巴拉圭 ","value":33},{"fullname":"巴基斯坦 ","value":65},{"fullname":"巴哈马 ","value":1},{"fullname":"澳门特别行政区","value":6},{"fullname":"澳大利亚 ","value":223},{"fullname":"奥地利 ","value":19},{"fullname":"安徽省 ","value":9937},{"fullname":"安哥拉 ","value":9},{"fullname":"爱沙尼亚 ","value":12},{"fullname":"爱尔兰 ","value":39},{"fullname":"埃塞俄比亚 ","value":60},{"fullname":"埃及","value":331},{"fullname":"阿塞拜疆 ","value":142},{"fullname":"阿曼 ","value":1},{"fullname":"阿鲁巴 ","value":1},{"fullname":"阿联酋","value":34},{"fullname":"阿根廷 ","value":149},{"fullname":"阿富汗","value":4},{"fullname":"阿尔及利亚 ","value":304},{"fullname":"阿尔巴尼亚 ","value":6},{"fullname":"","value":60}]; 
$.getJSON('https://data.jianshukeji.com/jsonp?filename=geochina/china.json&callback=?', function(mapdata) { 
 var map = new Highcharts.Map('container', {   
 mapNavigation: {       
 	enabled: true,  //设置缩放图标的显示隐藏        
 	buttonOptions: {     
 			verticalAlign: 'bottom'  //设置缩放图标的位置     
 		}   
 	},   
 	title: {   
 		text: '点击量分析'   
 	},   
 	color: "red",   
 	colorAxis: {   
 		min: 0,   
 		minColor: 'rgb(255,255,255)',   
 		maxColor: '#006cee'   
 	},   
 	series: [{   
 		data: data,   
 		mapData: mapdata,   
 		joinBy: 'fullname',   
 		name: '点击量分析',   
 	}],   
 	plotOptions: {   
 		map: {   
 			states: {   
 			 hover: {   
 				color: "#FEB41C"  //鼠标hover时，显示特定颜色   
 				}   
 			}   
 		}   
 	},   
 	legend: {   
 		enabled: false  //设置下方颜色指示图标的显示隐藏   
 	},   
 	credits: { enabled: false }//设置highcharts站点标志的显示隐藏   
 });	   
 });
    </script>
    </form>
</body>
</html>
gavin_gxh
关注
0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Echar.js地图

E<!DOCTYPE html><html><head id="Head1"><title> 产品列表</title><link rel="stylesheet" href="../css/reset.css" type="text/css" /><link rel="stylesheet" href="../css/common.css" type="text/css" /> <scr...
复制链接

扫一扫