利用ECharts3来实现ECharts2实例中的模拟迁徙效果，即背景地图为百度地图。



很多小伙伴都来要demo源码，现在我把demo放在我的GitHub上了。
https://github.com/lixinGiting/echarts3_map_demo
希望大家能给我个star鼓励一下。

效果预览 ：http://htmlpreview.github.io/?https://github.com/lixinGiting/echarts3_map_demo/blob/master/index.html

___________________________________________________________________________________________________


工作需要，想通过ECharts3来制作类似于ECharts2实例中模拟迁徙地图的效果，本来认为很简单，后来发现并不好做，上网查找了相关问题，翻来覆去只有相关的问题，却没有一个合适的答案，后来费心尽力，终于做出一点成果，分享给大家。

在ECharts2中模拟迁徙地图为：点击打开链接

在ECharts3中模拟迁徙地图为：点击打开链接

发现有以下要注意的事项，首先与echarts2相比echarts3有很大的改动：

第一点：ECharts2推荐模块化单文件引入；由于echarts依赖底层zrender，你需要同时下载zrender到本地。
ECharts 3 开始不再强制使用 AMD 的方式按需引入，代码里也不再内置 AMD 加载器。因此引入方式简单了很多，只需要像普通的 JavaScript 库一样用 script 标签引入。

第二点：ECharts3中因为地图精度的提高，不再内置地图数据增大代码体积，你可以在地图下载界面下载到需要的地图文件引入并注册到 ECharts 中。

如果采用echarts3官方给的地图加载方式即
[javascript] view plain copy
  1. <script src="echarts.js"></script>  
  2. <script src="map/js/china.js"></script>  
  3. <script>  
  4. var chart = echarts.init(document.getElementById('main'));  
  5. chart.setOption({  
  6.     series: [{  
  7.         type: 'map',  
  8.         map: 'china'  
  9.     }]  
  10. });  
  11. </script>  

那么会得到和echarts3官方实例一样的黑色背景的地图。

echarts2中的模拟迁徙之所以能显示百度地图的背景，是因为它引入了百度地图。

百度地图和echarts2的结合比较简单，官方也有很多百度地图的扩展实例。具体查看请点击

重点是echart3和百度地图的结合

需要引入百度开发者密钥，还要引入bmap文件，否则会报错。百度开发者密钥去百度地图API官网申请即可，很简单。
[javascript] view plain copy
  1. <script src="echarts.js"></script>  
  2. <script src="bmap.js"></script>  
[javascript] view plain copy
  1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0UqXGL98FSmi22w2Rl6HK56I"></script>  

完整的Demo代码：
[javascript] view plain copy
  1. <html>  
  2. <head>  
  3.     <meta charset="utf-8">  
  4.     <style type="text/css">  
  5.         body {  
  6.             margin: 0;  
  7.         }  
  8.         #main {  
  9.             height: 100%;  
  10.         }  
  11.     </style>  
  12. </head>  
  13. <body>  
  14. <div id="main"></div>  
  15. <script src="echarts.js"></script>  
  16. <script src="bmap.js"></script>  
  17. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0UqXGL98FSmi22w2Rl6HK56I"></script>  
  18. <script>  
  19. var myChart = echarts.init(document.getElementById('main'));  
  20. var option = {  
  21.         bmap: {  
  22.         center: [113.65,34.76],  
  23.         zoom: 5,  
  24.         roam: true,  
  25.         },   
  26.         series: [{  
  27.             type: 'map',  
  28.             coordinateSystem: 'bmap'  
  29.         }]  
  30. };  
  31. myChart.setOption(option);  
  32. </script>  
  33. </body>  
  34. </html>  

值得注意的是series中的坐标系
[javascript] view plain copy
  1. coordinateSystem: 'bmap'  

然后我们就可以参考着echarts3中的模拟迁徙图补全代码，最终就可以得到以百度地图为背景的echarts模拟迁徙地图，和echrts2中的模拟迁徙实例非常类似。

官方实例图：



效果图：
[javascript] view plain copy
  1. <html>  
  2. <head>  
  3.     <meta charset="utf-8">  
  4.     <style type="text/css">  
  5.         body {  
  6.             margin: 0;  
  7.         }  
  8.         #main {  
  9.             height: 100%;  
  10.         }  
  11.     </style>  
  12. </head>  
  13. <body>  
  14. <div id="main"></div>  
  15. <script src="echarts.js"></script>  
  16. <script src="bmap.js"></script>  
  17. <script src="china.js"></script>  
  18. <script src="world.js"></script>  
  19. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>  
  20. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0UqXGL98FSmi22w2Rl6HK56I"></script>  
  21. <script>  
  22. var myChart = echarts.init(document.getElementById('main'));  
  23.   
  24. var geoCoordMap = {  
  25.     '上海': [121.4648,31.2891],  
  26.     '东莞': [113.8953,22.901],  
  27.     '东营': [118.7073,37.5513],  
  28.     '中山': [113.4229,22.478],  
  29.     '临汾': [111.4783,36.1615],  
  30.     '临沂': [118.3118,35.2936],  
  31.     '丹东': [124.541,40.4242],  
  32.     '丽水': [119.5642,28.1854],  
  33.     '乌鲁木齐': [87.9236,43.5883],  
  34.     '佛山': [112.8955,23.1097],  
  35.     '保定': [115.0488,39.0948],  
  36.     '兰州': [103.5901,36.3043],  
  37.     '包头': [110.3467,41.4899],  
  38.     '北京': [116.4551,40.2539],  
  39.     '北海': [109.314,21.6211],  
  40.     '南京': [118.8062,31.9208],  
  41.     '南宁': [108.479,23.1152],  
  42.     '南昌': [116.0046,28.6633],  
  43.     '南通': [121.1023,32.1625],  
  44.     '厦门': [118.1689,24.6478],  
  45.     '台州': [121.1353,28.6688],  
  46.     '合肥': [117.29,32.0581],  
  47.     '呼和浩特': [111.4124,40.4901],  
  48.     '咸阳': [108.4131,34.8706],  
  49.     '哈尔滨': [127.9688,45.368],  
  50.     '唐山': [118.4766,39.6826],  
  51.     '嘉兴': [120.9155,30.6354],  
  52.     '大同': [113.7854,39.8035],  
  53.     '大连': [122.2229,39.4409],  
  54.     '天津': [117.4219,39.4189],  
  55.     '太原': [112.3352,37.9413],  
  56.     '威海': [121.9482,37.1393],  
  57.     '宁波': [121.5967,29.6466],  
  58.     '宝鸡': [107.1826,34.3433],  
  59.     '宿迁': [118.5535,33.7775],  
  60.     '常州': [119.4543,31.5582],  
  61.     '广州': [113.5107,23.2196],  
  62.     '廊坊': [116.521,39.0509],  
  63.     '延安': [109.1052,36.4252],  
  64.     '张家口': [115.1477,40.8527],  
  65.     '徐州': [117.5208,34.3268],  
  66.     '德州': [116.6858,37.2107],  
  67.     '惠州': [114.6204,23.1647],  
  68.     '成都': [103.9526,30.7617],  
  69.     '扬州': [119.4653,32.8162],  
  70.     '承德': [117.5757,41.4075],  
  71.     '拉萨': [91.1865,30.1465],  
  72.     '无锡': [120.3442,31.5527],  
  73.     '日照': [119.2786,35.5023],  
  74.     '昆明': [102.9199,25.4663],  
  75.     '杭州': [119.5313,29.8773],  
  76.     '枣庄': [117.323,34.8926],  
  77.     '柳州': [109.3799,24.9774],  
  78.     '株洲': [113.5327,27.0319],  
  79.     '武汉': [114.3896,30.6628],  
  80.     '汕头': [117.1692,23.3405],  
  81.     '江门': [112.6318,22.1484],  
  82.     '沈阳': [123.1238,42.1216],  
  83.     '沧州': [116.8286,38.2104],  
  84.     '河源': [114.917,23.9722],  
  85.     '泉州': [118.3228,25.1147],  
  86.     '泰安': [117.0264,36.0516],  
  87.     '泰州': [120.0586,32.5525],  
  88.     '济南': [117.1582,36.8701],  
  89.     '济宁': [116.8286,35.3375],  
  90.     '海口': [110.3893,19.8516],  
  91.     '淄博': [118.0371,36.6064],  
  92.     '淮安': [118.927,33.4039],  
  93.     '深圳': [114.5435,22.5439],  
  94.     '清远': [112.9175,24.3292],  
  95.     '温州': [120.498,27.8119],  
  96.     '渭南': [109.7864,35.0299],  
  97.     '湖州': [119.8608,30.7782],  
  98.     '湘潭': [112.5439,27.7075],  
  99.     '滨州': [117.8174,37.4963],  
  100.     '潍坊': [119.0918,36.524],  
  101.     '烟台': [120.7397,37.5128],  
  102.     '玉溪': [101.9312,23.8898],  
  103.     '珠海': [113.7305,22.1155],  
  104.     '盐城': [120.2234,33.5577],  
  105.     '盘锦': [121.9482,41.0449],  
  106.     '石家庄': [114.4995,38.1006],  
  107.     '福州': [119.4543,25.9222],  
  108.     '秦皇岛': [119.2126,40.0232],  
  109.     '绍兴': [120.564,29.7565],  
  110.     '聊城': [115.9167,36.4032],  
  111.     '肇庆': [112.1265,23.5822],  
  112.     '舟山': [122.2559,30.2234],  
  113.     '苏州': [120.6519,31.3989],  
  114.     '莱芜': [117.6526,36.2714],  
  115.     '菏泽': [115.6201,35.2057],  
  116.     '营口': [122.4316,40.4297],  
  117.     '葫芦岛': [120.1575,40.578],  
  118.     '衡水': [115.8838,37.7161],  
  119.     '衢州': [118.6853,28.8666],  
  120.     '西宁': [101.4038,36.8207],  
  121.     '西安': [109.1162,34.2004],  
  122.     '贵阳': [106.6992,26.7682],  
  123.     '连云港': [119.1248,34.552],  
  124.     '邢台': [114.8071,37.2821],  
  125.     '邯郸': [114.4775,36.535],  
  126.     '郑州': [113.4668,34.6234],  
  127.     '鄂尔多斯': [108.9734,39.2487],  
  128.     '重庆': [107.7539,30.1904],  
  129.     '金华': [120.0037,29.1028],  
  130.     '铜川': [109.0393,35.1947],  
  131.     '银川': [106.3586,38.1775],  
  132.     '镇江': [119.4763,31.9702],  
  133.     '长春': [125.8154,44.2584],  
  134.     '长沙': [113.0823,28.2568],  
  135.     '长治': [112.8625,36.4746],  
  136.     '阳泉': [113.4778,38.0951],  
  137.     '青岛': [120.4651,36.3373],  
  138.     '韶关': [113.7964,24.7028]  
  139. };  
  140.   
  141. var BJData = [  
  142.     [{name:'北京'}, {name:'上海',value:95}],  
  143.     [{name:'北京'}, {name:'广州',value:90}],  
  144.     [{name:'北京'}, {name:'大连',value:80}],  
  145.     [{name:'北京'}, {name:'南宁',value:70}],  
  146.     [{name:'北京'}, {name:'南昌',value:60}],  
  147.     [{name:'北京'}, {name:'拉萨',value:50}],  
  148.     [{name:'北京'}, {name:'长春',value:40}],  
  149.     [{name:'北京'}, {name:'包头',value:30}],  
  150.     [{name:'北京'}, {name:'重庆',value:20}],  
  151.     [{name:'北京'}, {name:'常州',value:10}]  
  152. ];  
  153.   
  154. var SHData = [  
  155.     [{name:'上海'},{name:'包头',value:95}],  
  156.     [{name:'上海'},{name:'昆明',value:90}],  
  157.     [{name:'上海'},{name:'广州',value:80}],  
  158.     [{name:'上海'},{name:'郑州',value:70}],  
  159.     [{name:'上海'},{name:'长春',value:60}],  
  160.     [{name:'上海'},{name:'重庆',value:50}],  
  161.     [{name:'上海'},{name:'长沙',value:40}],  
  162.     [{name:'上海'},{name:'北京',value:30}],  
  163.     [{name:'上海'},{name:'丹东',value:20}],  
  164.     [{name:'上海'},{name:'大连',value:10}]  
  165. ];  
  166.   
  167. var GZData = [  
  168.     [{name:'广州'},{name:'福州',value:95}],  
  169.     [{name:'广州'},{name:'太原',value:90}],  
  170.     [{name:'广州'},{name:'长春',value:80}],  
  171.     [{name:'广州'},{name:'重庆',value:70}],  
  172.     [{name:'广州'},{name:'西安',value:60}],  
  173.     [{name:'广州'},{name:'成都',value:50}],  
  174.     [{name:'广州'},{name:'常州',value:40}],  
  175.     [{name:'广州'},{name:'北京',value:30}],  
  176.     [{name:'广州'},{name:'北海',value:20}],  
  177.     [{name:'广州'},{name:'海口',value:10}]  
  178. ];  
  179.   
  180. var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';  
  181.   
  182. var convertData = function (data) {  
  183.     var res = [];  
  184.     for (var i = 0; i < data.length; i++) {  
  185.         var dataItem = data[i];  
  186.         var fromCoord = geoCoordMap[dataItem[0].name];  
  187.         var toCoord = geoCoordMap[dataItem[1].name];  
  188.         if (fromCoord && toCoord) {  
  189.             res.push({  
  190.                 fromName: dataItem[0].name,  
  191.                 toName: dataItem[1].name,  
  192.                 coords: [fromCoord, toCoord]  
  193.             });  
  194.         }  
  195.     }  
  196.     return res;  
  197. };  
  198.   
  199. var color = ['#a6c84c', '#ffa022', '#46bee9'];  
  200. var series = [];  
  201. [['北京', BJData], ['上海', SHData], ['广州', GZData]].forEach(function (item, i) {  
  202.     series.push({  
  203.             name: item[0] + ' Top10',  
  204.             type: 'lines',  
  205.             coordinateSystem: 'bmap',  
  206.             zlevel: 1,  
  207.             effect: {  
  208.                 show: true,  
  209.                 period: 6,  
  210.                 trailLength: 0.7,  
  211.                 color: '#fff',  
  212.                 symbolSize: 3  
  213.             },  
  214.             lineStyle: {  
  215.                 normal: {  
  216.                     color: color[i],  
  217.                     width: 0,  
  218.                     curveness: 0.2  
  219.                 }  
  220.             },  
  221.             data: convertData(item[1])  
  222.         },  
  223.         {  
  224.             name: item[0] + ' Top10',  
  225.             type: 'lines',  
  226.             coordinateSystem: 'bmap',  
  227.             zlevel: 2,  
  228.             effect: {  
  229.                 show: true,  
  230.                 period: 6,  
  231.                 trailLength: 0,  
  232.                 symbol: planePath,  
  233.                 symbolSize: 15  
  234.             },  
  235.             lineStyle: {  
  236.                 normal: {  
  237.                     color: color[i],  
  238.                     width: 1,  
  239.                     opacity: 0.4,  
  240.                     curveness: 0.2  
  241.                 }  
  242.             },  
  243.             data: convertData(item[1])  
  244.         },  
  245.         {  
  246.             name: item[0] + ' Top10',  
  247.             type: 'effectScatter',  
  248.             coordinateSystem: 'bmap',  
  249.             zlevel: 2,  
  250.             rippleEffect: {  
  251.                 brushType: 'stroke'  
  252.             },  
  253.             label: {  
  254.                 normal: {  
  255.                     show: true,  
  256.                     position: 'right',  
  257.                     formatter: '{b}'  
  258.                 }  
  259.             },  
  260.             symbolSize: function (val) {  
  261.                 return val[2] / 8;  
  262.             },  
  263.             itemStyle: {  
  264.                 normal: {  
  265.                     color: color[i]  
  266.                 }  
  267.             },  
  268.             data: item[1].map(function (dataItem) {  
  269.                 return {  
  270.                     name: dataItem[1].name,  
  271.                     value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])  
  272.                 };  
  273.             })  
  274.         });  
  275. });  
  276.   
  277. option = {  
  278.     backgroundColor: '#404a59',  
  279.     title : {  
  280.         text: '模拟迁徙',  
  281.         subtext: '数据纯属虚构',  
  282.         left: 'center',  
  283.         textStyle : {  
  284.             color: '#fff'  
  285.         }  
  286.     },  
  287.     tooltip : {  
  288.         trigger: 'item'  
  289.     },  
  290.     legend: {  
  291.         orient: 'vertical',  
  292.         top: 'bottom',  
  293.         left: 'right',  
  294.         data:['北京 Top10', '上海 Top10', '广州 Top10'],  
  295.         textStyle: {  
  296.             color: '#fff'  
  297.         },  
  298.         selectedMode: 'single'  
  299.     },  
  300.     dataRange: {  
  301.         min: 0,  
  302.         max: 100,  
  303.         x: 'right',  
  304.         calculable: true,  
  305.         color: ['#ff3333', 'orange', 'yellow', 'lime', 'aqua'],  
  306.         textStyle: {  
  307.             color: '#fff'  
  308.         }  
  309.     },  
  310.     bmap: {  
  311.         center: [115.97, 29.71],  
  312.         zoom: 5,  
  313.         roam: true  
  314.     },  
  315.     series: series  
  316. };  
  317.   
  318.   
  319.   
  320.   
  321.   
  322. myChart.setOption(option);  
  323. </script>  
  324. </body>  
  325. </html>  

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

相关文章

  1. DockerFile的CMD/ENTRYPOINT 镜像案例

    作用：都是指定一个容器启动时要运行的命令CMDDockerfile 中可以有多个 CMD 指令，但只有最后一个生效，CMD 会被 docker run 之后的参数替换实例tomcat的讲解演示docker run -it -p 8080:8080 tomcatdocker run -it -p 8080:8080 tomcat ls -lENTRYPOINT docker run 之后的参数…...

    2024/4/24 23:52:55
  2. Ubuntu下U盘低级格式化

    Ubuntu下U盘低级格式化命令如下： sudo dd if=/dev/zero of=/dev/sdb 可以用命令df查看U盘挂载在哪个分区下，如果U盘挂载在/dev/sdb下，如果不是/dev/sdb则 请将/dev/sdb换成你的u盘挂载的分区， 磁盘格式化是系统管理员的工作范畴 需系统管理员权限 root权限 所以需要用root…...

    2024/4/27 23:49:31
  3. 整治互联网视听服务

    【搜狐IT消息】12月14日，搜狐IT消息，在国家广电总局整治互联网视听服务活动中，继多家知名BT网站被封杀后，大量中小型以视频为主业的网站也遭遇封杀，而利益共享的迅雷、土豆、优酷等视频网站也因此损失了部分流量和广告收入。小影视网站倒掉12月13日，在被通知将被封站后，…...

    2024/4/28 1:02:00
  4. CSS 清除默认样式

    通常有以下几句就够了：*{margin:0;padding:0}li{list-style:none}img{vertical-align:top;border:none}如果你想写全也可以：/* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elem…...

    2024/4/27 10:11:21
  5. notepad++ xml---如何使用Notepad++格式化XML文件

    经常会从数据库中读到挤在一起的XML, 整理它们的格式需要使用一些工具. 比如笔者之前使用过online的tool. 后来经同事介绍, 改用VS2008的Ctrl+K, Ctrl+F来整理.但是VS2008有点庞大, 开启起来还是有点慢, 用起来也远不如Notepad++顺手. 于是笔者Google了一把. 找到了下面的步骤,…...

    2024/4/24 23:52:50
  6. 腾讯地图 api

    把其中的xxx换成 自己的key即可 https://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.96554,116.26719;title:成都;addr:北京市海淀区复兴路32号院&key=XXX&referer=myapp转载于:https://www.cnblogs.com/weilianguang/p/11441468.html...

    2024/4/27 22:03:11
  7. 使用四种CSS样式表构造简单网页

    四种调用样式表的方法：嵌入式样式、内部样式、链接样式文件、自定义样式类（类或者id）。简单网页如下所示1、外部样式（链接样式文件）在文件out.css中编辑格式，body部分选择背景图片，设置背景图片为不重复，且cover整个界面。设置h3字体颜色，且字体位置设置在中间。设置p…...

    2024/4/28 4:18:25
  8. 视听融合综述（三）Audiovisual Fusion: Challenges and New Approaches

    分享一篇视听融合研究综述，2015年发表在Proceedings of the IEEE上。该期刊创刊于1913年，是IEEE最古老的杂志之一。主要刊登一些综述和科学前沿的调查研究（review, survey, and tutorial）不刊载具体的研究成果。本文回顾了至2015年在视听融合方面的研究成果，并讨论了该领域…...

    2024/4/24 23:52:50
  9. CentOS 7磁盘格式化

    查看CentOS 7支持的文件系统格式[root@centos-01 ~]# cat /etc/filesystems xfs ext4 ext3 ext2 nodev proc nodev devpts iso9660 vfat hfs hfsplus *mount查看分区的文件系统格式[root@centos-01 ~]# mount sysfs on /sys type sysfs (rw,nosuid,nodev,noexec,relatime,secl…...

    2024/4/24 23:52:46
  10. 思维导图 基础篇（16）应用-视听笔记

    系列文章解读&说明：本系列文章主要内容是 思维导图 基础课，旨在帮助更多 热爱学习的伙伴 更具体的了解思维导图，同时也会让 更多的伙伴从 思维导图 认知 误区中走出。系列文章总纲链接为：专题总纲目录（01）学习能力 总纲 目录思维导图 视听笔记分为两类，一类是 课堂笔…...

    2024/4/24 23:52:46
  11. GIS 矢量切片（Vector Tile）-地图定制化的时代

    前言切片技术的简单介绍，以及传统栅格图片切片的不足现在最流行的地图底图技术是栅格切片底图，它们本质上是将空间数据分别渲染为不同缩放级别的地图图片，然后将各个级别的图片按照一定规则切分，按照一定的 “规则组织”，存储到硬盘或数据库中，构成一幅完整的地图。相对于…...

    2024/4/24 23:52:47
  12. exec: \"/usr/share/elasticsearch/scripts/elasticsearch-entrypoint.sh\": permission denied": unknown

    1、注意/usr/share/目录一般是主机与虚拟机（或者是docker容器）之间的共享文件夹，所以可以在主机找到虚拟机中对应的（共享）文件。2、修改文件夹的权限:chmod -R 777 文件夹路径...

    2024/4/14 20:56:29
  13. linux下用indent来格式化代码风格

    转载时请注明出处和作者联系方式：http://blog.csdn.net/mimepp作者联系方式：YU TAO <yut616 at sohu dot com>linux kernel有一个脚本Lindent，可以帮助你将自己的代码做一个好的代码风格格式化。如：/usr/src/linux-headers-2.6.22-14/scripts/Lindent 它使用了indent…...

    2024/4/14 20:56:29
  14. Bootstrap全局CSS样式之表格

    .table——基础表格样式； .table-striped——给<tbody>之内的每一行增加斑马条纹样式； .table-bordered——为表格增加边框； .table-hover——为<tbody>之内的每一行作悬停效果； .table-condensed——让表格更加紧凑，单元格中的内补（padding）均会减半。 .ac…...

    2024/4/27 12:34:42
  15. MySQL命令行格式化输出

    MySQL的客户端命令行工具，有很多方便使用者的特性，某些方面甚至可以说比Oracle的sqlplus更加人性化。当然从整体来说，还是sqlplus更加方便些，这么说或许是我对sqlplus更加熟悉吧。这里记录下MySQL命令行几个比较常用的特性。1.使用G按行垂直显示结果如果一行很长，需要这行…...

    2024/4/14 20:56:26
  16. css样式大全(整理版）

    字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;}(粗体) …...

    2024/4/14 20:56:25
  17. Error response:/usr/bin/tf_serving_entrypoint.sh: line 3: 6 Illegal instruction (core dumped) ...

    用docker部署tensorflow-serving:gpu时，参照官方文档:https://tensorflow.google.cn/tfx/serving/docker 本应该是很简单的部署，没想到会一直出现这个错误：经过github和网上的一个朋友了解到，关键问题可能是服务器机器的cpu比较弱(原来是我的cpu确实比较弱：我是在服务器分…...

    2024/4/19 11:17:48
  18. XStream使用注解的方式格式化生成的xml

    实体类：package cn.framework.t2;import java.util.ArrayList; import java.util.Date; import java.util.List;import com.thoughtworks.xstream.annotations.XStreamAlias; import com.thoughtworks.xstream.annotations.XStreamAsAttribute; import com.thoughtworks.xstre…...

    2024/4/14 20:56:23
  19. 视听融合综述（一）Audiovisual Fusion: Challenges and New Approaches

    分享一篇视听融合研究综述，2015年发表在Proceedings of the IEEE上。该期刊创刊于1913年，是IEEE最古老的杂志之一。主要刊登一些综述和科学前沿的调查研究（review, survey, and tutorial）不刊载具体的研究成果。本文回顾了至2015年在视听融合方面的研究成果，并讨论了该领域…...

    2024/4/14 20:56:22
  20. notepad++ json格式化

    有时候前后台调用的时候产生json，需要格式化，原来直接在http://www.json.cn/上格式化。后来发现notepad++上安装插件即可；(1)下载插件:http://pan.baidu.com/s/1slSwCax(2)找到 安装目录Plugin文件夹,拷贝进去,重新打开Notepad++,完成!测试效果：...

    2024/4/24 23:52:47

最新文章

  1. 详解FastChat部署大模型API的实战教程

    大家好，我是herosunly。985院校硕士毕业，现担任算法研究员一职，热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名，CCF比赛第二名，科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法…...

    2024/4/28 9:27:36
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. milvus search api的数据结构

    search api的数据结构 此api的功能是向量相似度搜索(vector similarity search) 一个完整的search例子: 服务端collection是一个hnsw类型的索引。 import random from pymilvus import (connections,Collection, )dim 128if __name__ __main__:connections.connect(alias…...

    2024/4/27 12:27:38
  4. Java深度优先搜索DFS(含面试大厂题和源码)

    深度优先搜索&#xff08;Depth-First Search&#xff0c;简称DFS&#xff09;是一种用于遍历或搜索树或图的算法。DFS 通过沿着树的深度来遍历节点&#xff0c;尽可能深地搜索树的分支。当节点v的所在边都已被探寻过&#xff0c;搜索将回溯到发现节点v的那条边的起始节点。这个…...

    2024/4/27 12:46:58
  5. k8s_入门_kubelet安装

    安装 在大致了解了一些k8s的基本概念之后&#xff0c;我们实际部署一个k8s集群&#xff0c;做进一步的了解 1. 裸机安装 采用三台机器&#xff0c;一台机器为Master&#xff08;控制面板组件&#xff09;两台机器为Node&#xff08;工作节点&#xff09; 机器的准备有两种方式…...

    2024/4/23 6:23:48
  6. 【外汇早评】美通胀数据走低，美元调整

    原标题：【外汇早评】美通胀数据走低，美元调整昨日美国方面公布了新一期的核心PCE物价指数数据，同比增长1.6%，低于前值和预期值的1.7%，距离美联储的通胀目标2%继续走低，通胀压力较低，且此前美国一季度GDP初值中的消费部分下滑明显，因此市场对美联储后续更可能降息的政策…...

    2024/4/26 18:09:39
  7. 【原油贵金属周评】原油多头拥挤，价格调整

    原标题：【原油贵金属周评】原油多头拥挤，价格调整本周国际劳动节，我们喜迎四天假期，但是整个金融市场确实流动性充沛，大事频发，各个商品波动剧烈。美国方面，在本周四凌晨公布5月份的利率决议和新闻发布会，维持联邦基金利率在2.25%-2.50%不变，符合市场预期。同时美联储…...

    2024/4/28 3:28:32
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题：【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五，美国方面公布了新一期的非农就业数据，大幅好于前值和预期，新增就业重新回到20万以上。具体数据： 美国4月非农就业人口变动 26.3万人，预期 19万人，前值 19.6万人。 美国4月失业率 3.6%，预期 3.8%，前值 3…...

    2024/4/26 23:05:52
  9. 【原油贵金属早评】库存继续增加，油价收跌

    原标题：【原油贵金属早评】库存继续增加，油价收跌周三清晨公布美国当周API原油库存数据，上周原油库存增加281万桶至4.692亿桶，增幅超过预期的74.4万桶。且有消息人士称，沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油，印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/4/27 4:00:35
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题：【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升，避险资金回流日元有关，也与前一段时间的美日贸易谈判给日本缓冲期，日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策，但这符…...

    2024/4/27 17:58:04
  11. 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响

    原标题：【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响近日伊朗局势升温，导致市场担忧影响原油供给，油价试图反弹。此时OPEC表态稳定市场。据消息人士透露，沙特6月石油出口料将低于700万桶/日，沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”，沙特将满…...

    2024/4/27 14:22:49
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题：【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议，昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告，伊朗外长昨日回应称，欧洲国家履行它们的义务，伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/4/28 1:28:33
  13. 【原油贵金属早评】波动率飙升，市场情绪动荡

    原标题：【原油贵金属早评】波动率飙升，市场情绪动荡因中美贸易谈判不安情绪影响，金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际，美国按照既定计划向中国2000亿商品征收25%的关税，市场情绪有所平复，已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/4/27 9:01:45
  14. 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试

    原标题：【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试美国和伊朗的局势继续升温，市场风险情绪上升，避险黄金有向上突破阻力的迹象。原油方面稍显平稳，近期美国和OPEC加大供给及市场需求回落的影响，伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级，美国对中…...

    2024/4/27 17:59:30
  15. 【原油贵金属早评】市场情绪继续恶化，黄金上破

    原标题：【原油贵金属早评】市场情绪继续恶化，黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动，人民币汇率出现大幅的贬值动能，金融市场受到非常明显的冲击。尤其是波动率起来之后，对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势，这…...

    2024/4/25 18:39:16
  16. 【外汇早评】美伊僵持，风险情绪继续升温

    原标题：【外汇早评】美伊僵持，风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件，导致波斯湾局势进一步恶化，市场担忧美伊可能会出现摩擦生火，避险品种获得支撑，黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日，四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/4/28 1:34:08
  17. 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势

    原标题：【原油贵金属早评】贸易冲突导致需求低迷，油价弱势近日虽然伊朗局势升温，中东地区几起油船被袭击事件影响，但油价并未走高，而是出于调整结构中。由于市场预期局势失控的可能性较低，而中美贸易问题导致的全球经济衰退风险更大，需求会持续低迷，因此油价调整压力较…...

    2024/4/26 19:03:37
  18. 氧生福地 玩美北湖（上）——为时光守候两千年

    原标题：氧生福地 玩美北湖（上）——为时光守候两千年一次说走就走的旅行，只有一张高铁票的距离～ 所以，湖南郴州，我来了～ 从广州南站出发，一个半小时就到达郴州西站了。在动车上，同时改票的南风兄和我居然被分到了一个车厢，所以一路非常愉快地聊了过来。 挺好，最起…...

    2024/4/28 1:22:35
  19. 氧生福地 玩美北湖（中）——永春梯田里的美与鲜

    原标题：氧生福地 玩美北湖（中）——永春梯田里的美与鲜一觉醒来，因为大家太爱“美”照，在柳毅山庄去寻找龙女而错过了早餐时间。近十点，向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”，到郴州必吃的美食之一。 哇塞！那个味美香甜…...

    2024/4/25 18:39:14
  20. 氧生福地 玩美北湖（下）——奔跑吧骚年！

    原标题：氧生福地 玩美北湖（下）——奔跑吧骚年！让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/4/26 23:04:58
  21. 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！

    原标题：扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！扒开伪装医用面膜，翻六倍价格宰客！当行业里的某一品项火爆了，就会有很多商家蹭热度，装逼忽悠，最近火爆朋友圈的医用面膜，被沾上了污点，到底怎么回事呢？ “比普通面膜安全、效果好！痘痘、痘印、敏感肌都能用…...

    2024/4/27 23:24:42
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题：「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势： 1、铁皮石斛：自唐宋以来，一直被列为皇室贡品，铁皮石斛生于海拔1600米的悬崖峭壁之上，繁殖力差，产量极低，所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/4/28 5:48:52
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题：丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司，专注美业21年，其旗下品牌： 「圣茵美」私密荷尔蒙抗衰，产后修复 「圣仪轩」私密荷尔蒙抗衰，产后修复 「花茵莳」私密荷尔蒙抗衰，产后修复 「丽彦妆」专注医学护…...

    2024/4/26 19:46:12
  24. 广州械字号面膜生产厂家OEM/ODM4项须知！

    原标题：广州械字号面膜生产厂家OEM/ODM4项须知！广州械字号面膜生产厂家OEM/ODM流程及注意事项解读： 械字号医用面膜，其实在我国并没有严格的定义，通常我们说的医美面膜指的应该是一种「医用敷料」，也就是说，医用面膜其实算作「医疗器械」的一种，又称「医用冷敷贴」。 …...

    2024/4/27 11:43:08
  25. 械字号医用眼膜缓解用眼过度到底有无作用？

    原标题：械字号医用眼膜缓解用眼过度到底有无作用？医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料，含70%以上的水分。体表皮肤温度传导到本产品的凝胶层，热量被凝胶内水分子吸收，通过水分的蒸发带走大量的热量，可迅速地降低体表皮肤局部温度，减轻局部皮肤的灼…...

    2024/4/27 8:32:30
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19　浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57