北京->" + name + "
均价：" + price + "
线路数：" + num + "

"; res = "

北京->" + name + "
均价：" + price + ",线路数：" + num + "

"; let html = '

北京 -> 新疆

城市

均价

线路数

新疆-1

100

新疆-2

200

' if(name == redName){ return html; }else{ return res; } } }, data: convertData(item[1]) }, { type: 'effectScatter', coordinateSystem: 'geo', zlevel: 2, rippleEffect: { //涟漪特效 period: 4, //动画时间，值越小速度越快 brushType: 'fill', //波纹绘制方式 stroke, fill scale: 2.2 //波纹圆环最大限制，值越大波纹越大 }, // 括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none' // symbol: 'none', symbol: 'circle', symbolSize: function(val) { return 5; //圆环大小 }, itemStyle: { normal: { show: false, // color: '#f00' color: function(params) { //圆环显示文字 // console.log('redName',redName) return '#ffa022' }, borderWidth: 0, shadowColor: '#b5e8fa', //发光?效果 shadowBlur: 4 } }, tooltip: { // show:false, trigger: 'item', backgroundColor: 'rgba(8, 18, 42, 0.85)', borderColor: '#040616', showDelay: 0, hideDelay: 0, enterable: true, transitionDuration: 0, extraCssText: 'z-index:100', formatter: function(params, ticket, callback) { // 根据业务自己拓展要显示的内容 //console.log('params--2',params) let res = ""; let name = params.data.dataItem[0].name; let price = params.data.dataItem[0].price; let num = params.data.dataItem[0].num; res = "

北京->" + name + "
均价：" + price + "
线路数：" + num + "

"; return res; } }, data: item[1].map(function(dataItem) { // console.log('dataItem',dataItem[0]); return { dataItem: dataItem, name: dataItem[0].name, value: chinaGeoCoordMap[dataItem[0].name].concat([dataItem[0].value]) }; }), }, //被攻击点 { type: 'scatter', coordinateSystem: 'geo', zlevel: 1, rippleEffect: { period: 4, brushType: 'stroke', scale: 4 }, symbol: 'circle', color:'rgba(128, 220, 251, .6)', symbolSize: 20, data: [{ name: item[0], value: chinaGeoCoordMap[item[0]].concat([10]), }], } ); }); option = { tooltip: { // show:false, trigger: 'item', backgroundColor: 'rgba(166, 200, 76, 0.82)', borderColor: '#040616', showDelay: 0, hideDelay: 0, enterable: true, transitionDuration: 0, extraCssText: 'z-index:100' }, // backgroundColor: "#001339", backgroundColor: '#001d3d', // visualMap: { //图例值控制 // min: 0, // max: 1, // calculable: true, // show: false, // color: ['#4fc6ef', '#4fc6ef', '#4fc6ef', '#4fc6ef', '#4fc6ef'], // textStyle: { // color: '#fff' // } // }, geo: { map: 'china', zoom: 1, label: { emphasis: { show: false } }, roam: false, //是否允许缩放 itemStyle: { normal: { color: "#092765", //地图背景色 borderColor: '#6481a0', //省市边界线00fcff 516a89 borderWidth: 1 }, emphasis: { color: 'rgba(37, 43, 61, .5)' //悬浮背景 } // normal: { // areaColor: '#132937', // borderColor: '#0692a4' // }, // emphasis: { // areaColor: '#0b1c2d' // } } }, series: series };

Echarts在线免费图表