亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

echarts3.0版本radar圖tooltip實現顯示單軸數據

2024-04-27 15:14:26
字體:
來源:轉載
供稿:網友

事先聲明:

本改動因官方3.0版本雷達圖TOOLTipS不能通過配置項顯示單軸數據,本次改動基于echarts.js(3.0版本)

本人自娛自樂想完成自己的小功能

(注:此js文件也已經對chinaMap顯示樣式做了一定修改)

若有任何疑問請聯系我QQ525254223.或者微信(Jerry_agax)大寫J

------------------------------------------------------------------------------

方法是自己改動了echarts.js(版本3.0官網下載),暫時未發現改動造成其他程序bug。

主要改動:

在echarts.js中對radar圖tooltips進行格式化的時候,通過計算鼠標位置與Y軸正半軸之間的角度(0-360),確定此位置停留時應該顯示的數據的index,最后取得相應數據顯示。

首先附上echarts.js鏈接:

修改后的echarts

改動之后的結果如圖所示:

(圖中的360/7/2是由于此圖有7項數據,例如在鼠標停留位置與Y軸正半軸成(360/7*2 ± 360/7/2)角度時應顯示“物資”相關數據)

下面是計算角度并獲得index的代碼片段:

 //@wangjx	    //compute the anti-clockwise angle of mousePos-coordinate -- Y-line. 	    var getAngle = function(mx,my,px,py){        	var x = Math.abs(px-mx);        	var y = Math.abs(py-my);        	var z = Math.sqrt(Math.pow(x,2)+Math.pow(y,2));        	var cos = y/z;        	var radina = Math.acos(cos);        	var angle = Math.floor(180/(Math.PI/radina));        	if(mx>px && my>py){        		angle = 180-angle;        	}        	if(mx==px && my>py){        		angle = 180;        	}        	if(mx>px && my==py){        		angle = 90;        	}        	if(mx<px && my>py){        		angle = 180+angle;        	}        	if(mx<px && my==py){        		angle = 270;        	}        	if(mx<px && my<py){        		angle = 360-angle;        	}        	//the Echarts radar turns anti-clockwise.        	return 360-angle;        };                //@wangjx        //get index by angle;        var getIndexToDisplay = function(num,angle){        	var filterIndex =0;        	for(var i=0; i<num; i++){        		if(angle>(360/num*i-360/num/2) && angle<(360/num*i+360/num/2)){        			filterIndex = i;        			break;        		}        	}        	return filterIndex;        };然后在formatter里根據index取得需顯示的內容代碼:詳見 鏈接echarts.js(L31586)

formatTooltip: function (dataIndex,e) {	            var value = this.getRawValue(dataIndex);	            var coordSys = this.coordinateSystem;	            //get index by position of mouse.	            var index = getIndexToDisplay(value.length,getAngle(e.offsetX,e.offsetY,coordSys.cx,coordSys.cy));	            var indicatorAxes = coordSys.getIndicatorAxes();	            return indicatorAxes[index].name+ ' : ' + value[index]; //wangjx	            	            //region code, display all data of this series.	            /*return (this._data.getName(dataIndex) == '' ? this.name : this._data.getName(dataIndex)) + '<br/>'	                + zrUtil.map(indicatorAxes, function (axis, idx) {	                    return axis.name + ' : ' + value[idx];	                }).join('<br />');*/	        },


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩av一区二区在线观看| 国产欧美一区二区三区在线| 26uuu另类亚洲欧美日本一| 欧美成人剧情片在线观看| 国产成人精品一区| 欧美成人一区在线| 日韩有码视频在线| 国产日韩欧美中文| 亚洲国产欧美一区二区三区同亚洲| 国产精品香蕉av| 超在线视频97| 91久久精品国产91久久| 中文字幕日韩视频| 久久久亚洲福利精品午夜| 26uuu另类亚洲欧美日本老年| 亚洲免费一级电影| 精品国内自产拍在线观看| 久久99亚洲热视| 日韩av电影在线播放| 欧美日韩国产色| 国产97在线|亚洲| 日日摸夜夜添一区| 欧美野外wwwxxx| 91精品国产色综合久久不卡98| 日韩av网站导航| 欧美黑人一区二区三区| 最近2019中文字幕一页二页| 国产精品视频最多的网站| 亚洲天堂成人在线| 高清视频欧美一级| 国产精品久久av| 欧美激情精品久久久久久蜜臀| 日韩中文字幕av| 成人av.网址在线网站| 日韩av中文字幕在线| 91精品国产综合久久久久久蜜臀| 久久精品国产69国产精品亚洲| 国产精品青青在线观看爽香蕉| 亚洲爱爱爱爱爱| 日韩在线中文字| 日韩视频免费中文字幕| 亚洲高清一二三区| 2020国产精品视频| 欧美与黑人午夜性猛交久久久| 亚洲美女精品成人在线视频| 亚洲欧洲在线视频| 欧美一区二区三区四区在线| 欧美一区二区三区免费视| 久久精品成人欧美大片古装| 欧美日韩国产限制| 亚洲人成在线电影| 日韩欧美中文字幕在线播放| 欧美福利小视频| 成人有码在线视频| 丝袜美腿精品国产二区| 欧美激情亚洲精品| 91久久国产精品| 国产精品久久久久久久久久99| 日韩欧美国产中文字幕| 亚洲国产一区二区三区四区| 国产成人久久精品| 国产精品xxx视频| 国产精品欧美一区二区| 欧美电影免费播放| 日韩在线视频免费观看高清中文| 青草成人免费视频| 亚洲国产成人精品电影| 日韩高清电影免费观看完整| 日韩在线视频国产| 日韩黄在线观看| 久久国产精品亚洲| 欧美精品一区二区免费| 欧美成人四级hd版| 激情久久av一区av二区av三区| 九色精品美女在线| 亚洲精品美女网站| 国产精品第1页| 国产精品十八以下禁看| 久久精品国产一区二区电影| 伊人久久久久久久久久| 国产视频在线一区二区| 亚洲欧美日韩精品久久亚洲区| 国产99久久精品一区二区 夜夜躁日日躁| 久久全国免费视频| 国内精品久久久| 性色av香蕉一区二区| 国产女精品视频网站免费| 日韩精品极品视频免费观看| 高清一区二区三区日本久| 久久全球大尺度高清视频| 国产欧美精品一区二区三区-老狼| 欧美日韩第一视频| 亚洲国产成人爱av在线播放| 日韩精品中文字幕在线播放| 国产视频久久久久| 欧美电影在线免费观看网站| 最近2019免费中文字幕视频三| 91亚洲精华国产精华| 亚洲天堂av女优| 欧美在线一区二区视频| 亚洲高清不卡av| 久久99久久亚洲国产| 久久这里有精品视频| 亚洲国产小视频| 国产精品69久久| 日韩欧美在线看| 欧美一区二区三区精品电影| 亚洲一区二区三区在线免费观看| 日韩精品在线视频观看| 久久久久久久999| 一本大道香蕉久在线播放29| 国产精品视频永久免费播放| 国产精品678| 亚洲天堂精品在线| 国产精品6699| 一本色道久久综合亚洲精品小说| 91精品国产免费久久久久久| 亚洲欧美国内爽妇网| 久久久久久97| 精品国产一区av| 久久九九热免费视频| 欧美日韩亚洲精品一区二区三区| 18一19gay欧美视频网站| 2019亚洲日韩新视频| 欧美日韩第一视频| 精品国模在线视频| 国产精品日韩在线| 97av在线视频免费播放| 国产成人精品av| 国产一区二区黑人欧美xxxx| 亚洲视频在线免费看| 欧美丰满片xxx777| 亚洲一区精品电影| 91在线视频九色| 久久97久久97精品免视看| 亚洲精品成人av| 国内精品久久久久久久久| 亚洲综合在线小说| 亚洲三级免费看| 亚洲男人天天操| 国产一区二区丝袜高跟鞋图片| 91av在线国产| 91精品国产网站| 欧美在线不卡区| 国产精品视频中文字幕91| 91国内揄拍国内精品对白| 久久亚洲一区二区三区四区五区高| 日韩精品www| 亚洲二区在线播放视频| 成人有码视频在线播放| 奇米4444一区二区三区| 狠狠久久亚洲欧美专区| 久久久人成影片一区二区三区观看| 亚洲国产又黄又爽女人高潮的| 91成人福利在线| 宅男66日本亚洲欧美视频| 久久影视免费观看| 欧美一级淫片丝袜脚交| 欧美激情精品久久久| 欧美有码在线视频| 国产97色在线|日韩| 97精品一区二区视频在线观看| 成人国内精品久久久久一区| 在线播放日韩专区|