var maxSpeed = 2.5; // 设置最大风速 // 设置需要插值的参数，所给数据范围小 const conf = { radius_step: 0.02, // 半径插值步长，从0开始，步长越小，插值越密集，计算量越大 angle_step: 3, // 步长越小，插值越密集，计算量越大 }; // 需要插值的数据(测试数据) [windSpeed, windDir, value] var srcData = [ [2.0,225,0.9], [2.3,282,0.85], [1.5,176,0.5], [0.5,0,0.3], [1.5,22.5,0.01], [1.0,45,0.03], [2.0,45,0.02], [1.5,210,0.7], [1,195,0.6], [2,330,0.3], [2,120,0.2], [1.7,300,0.8], [1,270,0.5] ]; // 随机生成模拟数据 /*var srcData = []; for(var i=0;i<20;i++){ srcData.push([maxSpeed*Math.random(), 360*Math.random(), 0.4*Math.random()]); } */ //插值后的数据[radius,angle,value] var data = interpolation(srcData); console.log(data.length); /** * 插值操作，返回插值后的结果 */ function interpolation(srcData){ var power = 0.6; // 计算距离权重系数 var D = []; for(var i=0;i风向=' + Math.ceil(100*params.value[1])/100 + '
风速=' + Math.ceil(100*params.value[0])/100; } }, angleAxis: { type: 'value', min: 0, max: 360, splitLine: { show: false, lineStyle: { color: '#999', type: 'dashed' } }, axisLine: { show: false }, axisTick: { show: false }, axisLabel: { show: false } }, radiusAxis: { type: 'value', min: 0, max: maxSpeed, axisLine: { show: true }, splitLine: { show: false }, zlevel: 10000, z: 10000 }, radar: { shape: '', radius: '80%', name: { textStyle: { color: 'black', borderRadius: 3, padding: [3, 5] } }, indicator: [ { name: '北', max: maxSpeed}, { name: '北东北', max: maxSpeed}, { name: '东北', max: maxSpeed}, { name: '东东北', max: maxSpeed}, { name: '东', max: maxSpeed}, { name: '东东南', max: maxSpeed}, { name: '东南', max: maxSpeed}, { name: '南东南', max: maxSpeed}, { name: '南', max: maxSpeed}, { name: '南西南', max: maxSpeed}, { name: '西南', max: maxSpeed}, { name: '西西南', max: maxSpeed}, { name: '西', max: maxSpeed}, { name: '西西北', max: maxSpeed}, { name: '西北', max: maxSpeed}, { name: '北西北', max: maxSpeed} ], zlevel: 10000, z: 10000 }, series: [{ name: 'Punch Card', type: 'scatter', coordinateSystem: 'polar', symbolSize: function (val) { return 8; }, data: data, animationDelay: function (idx) { return idx * 5; }, itemStyle: { color: function(obj){ var v = obj.value[2]*500; if(v>500){ v = 500; } // 渐变颜色 return getAqiColor(v); // 非渐变效果 //return getIAQIColor('aqi',v); } } },{ name: '预算 vs 开销（Budget vs spending）', type: 'radar', data: [] }] }; function getAqiColor(value){ var COLOR = ['#ccc','rgb(0,228,0)','rgb(255,255,0)','rgb(255,126,0)','rgb(255,0,0)','rgb(153,0,76)','rgb(126,0,35)']; var V = [0,50,100,150,200,300,500]; var R = [204,0,255,255,255,153,126]; var G = [204,228,255,126,0,0,0]; var B = [204,0,0,0,0,76,35]; if(value>=V[V.length-1]){ return COLOR[V.length-1]; } if(value<=V[0]){ return COLOR[0]; } for(var i=0;iV[i] && value6){ res.color = COLOR[6]; }else{ res.color = COLOR[i]; } break; } } // 将离线颜色设置为优的颜色 if(res.color == '#ccc'){ res.color = '#00E400'; } return res; }

假想风玫瑰图