百木园-与人分享,
就是让自己快乐。

Echarts世界地图和网页表格数据交互联动

html布局:

1 <div class=\"column\">
2 <div class=\"panel bl bar1\">
3 <div class=\"panelFooter\"></div>
4 <h2>世界疫情数据汇总查询</h2>
5 <div class=\"map-table\">
6 <table align=\"center\" style=\"margin:3px\" cellspacing=\"7px\">
7 <form id=\"find_value\">
8 <label><font color=\"#ff7f50\">输入国家:</font></label>
9 <input id=\"cname\" type=\"text\" name=\"cname\" placeholder=\"\" value=\"\">
10 <input type=\"button\" value=\"查询\" onclick=\"find_res()\">
11 <input type=\"reset\" value=\"重置\">
12 </form>
13 <thead>
14 <tr style=\"color: #FFB6C1\">
15 <th>时间</th>
16 <th>国家</th>
17 <th>累计确诊</th>
18 <th>累计治愈</th>
19 <th>累计死亡</th>
20 <th>现存确诊</th>
21 <th>排名</th>
22 </tr>
23 </thead>
24 <tbody id=\"bd_data\">
25 </tbody>
26 </table>
27 <!-- <div class=\"chart\"></div>-->
28 <!-- <div class=\"panelFooter\"></div>-->
29 </div>
30 </div>
31 </div>

来源:https://www.cnblogs.com/rainbow-1/p/14639283.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » Echarts世界地图和网页表格数据交互联动

相关推荐

  • 暂无文章