导航:首页 > 五金知识 > echarts自定义工具箱

echarts自定义工具箱

发布时间:2024-07-02 05:36:44

A. java echarts toolbox瑙﹀彂浠涔堜簨浠

宸ュ叿鏍忋傚唴缃鏈夊煎嚭鍥剧墖锛屾暟鎹瑙嗗浘锛屽姩鎬佺被鍨嬪垏鎹锛屾暟鎹鍖哄煙缂╂斁锛岄噸缃浜斾釜宸ュ叿銆

浠ヤ笅鏄鍏蜂綋灞炴э細

toolbox.show
boolean

[ default: true ]

鏄鍚︽樉绀哄伐鍏锋爮缁勪欢銆

toolbox.orient
string

[ default: 'horizontal' ]

宸ュ叿鏍 icon 鐨勫竷灞鏈濆悜銆

鍙閫夛細

'horizontal'
'vertical'

toolbox.itemSize
number

[ default: 15 ]

宸ュ叿鏍 icon 鐨勫ぇ灏忋

toolbox.itemGap
number

[ default: 10 ]

宸ュ叿鏍 icon 姣忛」涔嬮棿鐨勯棿闅斻傛í鍚戝竷灞鏃朵负姘村钩闂撮殧锛岀旱鍚戝竷灞鏃朵负绾靛悜闂撮殧銆

toolbox.showTitle
boolean

[ default: true ]

鏄鍚﹀湪榧犳爣 hover 鐨勬椂鍊欐樉绀烘瘡涓宸ュ叿 icon 鐨勬爣棰樸

toolbox.feature
Object

鍚勫伐鍏烽厤缃椤广

闄や簡鍚勪釜鍐呯疆鐨勫伐鍏锋寜閽澶栵紝杩樺彲浠ヨ嚜瀹氫箟宸ュ叿鎸夐挳銆

娉ㄦ剰锛岃嚜瀹氫箟鐨勫伐鍏峰悕瀛楋紝鍙鑳戒互 my 寮澶达紝渚嬪備笅渚嬩腑鐨 myTool1锛宮yTool2锛

{
toolbox: {
feature: {
myTool1: {
show: true,
title: '鑷瀹氫箟鎵╁睍鏂规硶1',
icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
onclick: function (){
alert('myToolHandler1')
}
},
myTool2: {
show: true,
title: '鑷瀹氫箟鎵╁睍鏂规硶',
icon: 'image://http://echarts..com/images/favicon.png',
onclick: function (){
alert('myToolHandler2')
}
}
}
}
}

toolbox.iconStyle
Object

鍏鐢ㄧ殑 icon 鏍峰紡璁剧疆銆

toolbox.zlevel
number

[ default: 0 ]

鎵鏈夊浘褰㈢殑 zlevel 鍊笺

zlevel鐢ㄤ簬 Canvas 鍒嗗眰锛屼笉鍚寊level鍊肩殑鍥惧舰浼氭斁缃鍦ㄤ笉鍚岀殑 Canvas 涓锛孋anvas 鍒嗗眰鏄涓绉嶅父瑙佺殑浼樺寲鎵嬫点傛垜浠鍙浠ユ妸涓浜涘浘褰㈠彉鍖栭戠箒锛堜緥濡傛湁鍔ㄧ敾锛夌殑缁勪欢璁剧疆鎴愪竴涓鍗曠嫭鐨剒level銆傞渶瑕佹敞鎰忕殑鏄杩囧氱殑 Canvas 浼氬紩璧峰唴瀛樺紑閿鐨勫炲ぇ锛屽湪鎵嬫満绔涓婇渶瑕佽皑鎱庝娇鐢ㄤ互闃插穿婧冦

zlevel 澶х殑 Canvas 浼氭斁鍦 zlevel 灏忕殑 Canvas 鐨勪笂闈銆

toolbox.z
number

[ default: 2 ]

缁勪欢鐨勬墍鏈夊浘褰㈢殑z鍊笺傛帶鍒跺浘褰㈢殑鍓嶅悗椤哄簭銆倆鍊煎皬鐨勫浘褰浼氳珃鍊煎ぇ鐨勫浘褰㈣嗙洊銆

z鐩告瘮zlevel浼樺厛绾ф洿浣庯紝鑰屼笖涓嶄細鍒涘缓鏂扮殑 Canvas銆

toolbox.left
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁诲瑰櫒宸︿晶鐨勮窛绂汇

left 鐨勫煎彲浠ユ槸鍍 20 杩欐牱鐨勫叿浣撳儚绱犲硷紝鍙浠ユ槸鍍 '20%' 杩欐牱鐩稿逛簬瀹瑰櫒楂樺界殑鐧惧垎姣旓紝涔熷彲浠ユ槸 'left', 'center', 'right'銆

濡傛灉 left 鐨勫间负'left', 'center', 'right'锛岀粍浠朵細鏍规嵁鐩稿簲鐨勪綅缃鑷鍔ㄥ归綈銆

toolbox.top
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁诲瑰櫒涓婁晶鐨勮窛绂汇

top 鐨勫煎彲浠ユ槸鍍 20 杩欐牱鐨勫叿浣撳儚绱犲硷紝鍙浠ユ槸鍍 '20%' 杩欐牱鐩稿逛簬瀹瑰櫒楂樺界殑鐧惧垎姣旓紝涔熷彲浠ユ槸 'top', 'middle', 'bottom'銆

濡傛灉 top 鐨勫间负'top', 'middle', 'bottom'锛岀粍浠朵細鏍规嵁鐩稿簲鐨勪綅缃鑷鍔ㄥ归綈銆

toolbox.right
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁诲瑰櫒鍙充晶鐨勮窛绂汇

right 鐨勫煎彲浠ユ槸鍍 20 杩欐牱鐨勫叿浣撳儚绱犲硷紝鍙浠ユ槸鍍 '20%' 杩欐牱鐩稿逛簬瀹瑰櫒楂樺界殑鐧惧垎姣斻

榛樿よ嚜閫傚簲銆

toolbox.bottom
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁诲瑰櫒涓嬩晶鐨勮窛绂汇

bottom 鐨勫煎彲浠ユ槸鍍 20 杩欐牱鐨勫叿浣撳儚绱犲硷紝鍙浠ユ槸鍍 '20%' 杩欐牱鐩稿逛簬瀹瑰櫒楂樺界殑鐧惧垎姣斻

榛樿よ嚜閫傚簲銆

toolbox.width
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁殑瀹藉害銆傞粯璁よ嚜閫傚簲銆

toolbox.height
string, number

[ default: 'auto' ]

宸ュ叿鏍忕粍浠剁殑楂樺害銆傞粯璁よ嚜閫傚簲銆

B. ECHARTS閲岀殑浠g爜鑳藉湪matlab閲岃繍琛屼箞

ECharts 鏄涓涓鍩轰簬 JavaScript 鐨勬暟鎹鍙瑙嗗寲搴擄紝鑰 MATLAB 鏄涓绉嶇敤浜庢暟鍊艰$畻鍜岀紪绋嬬殑楂樼骇璇瑷鍜屼氦浜掑紡鐜澧冦傚洜姝わ紝ECharts 閲岀殑浠g爜涓嶈兘鍦 MATLAB 涓鐩存帴杩愯屻
ECharts 鍜 MATLAB 閮芥湁鑷宸辩殑璇娉曞拰瑙勫垯锛屽畠浠涔嬮棿鐨勮瑷宸寮傚緢澶с傚傛灉鎮ㄦ兂鍦 MATLAB 涓瀹炵幇涓 ECharts 绫讳技鐨勬暟鎹鍙瑙嗗寲鏁堟灉锛屽彲浠ヤ娇鐢 MATLAB 鑷甯︾殑鍥捐〃鍔熻兘鎴栬呭叾浠栨暟鎹鍙瑙嗗寲宸ュ叿绠憋紝渚嬪 MATLAB Visualization Toolbox銆
濡傛灉鎮ㄩ渶瑕佸皢 ECharts 涓鐨勬暟鎹鍙瑙嗗寲缁撴灉瀵煎叆鍒 MATLAB 涓杩涜屽勭悊鎴栧垎鏋愶紝鍙浠ヨ冭檻浣跨敤 MATLAB 鐨勬暟鎹瀵煎叆鍔熻兘锛屼緥濡備粠 CSV 鏂囦欢鎴栧叾浠栧父瑙佹暟鎹鏍煎紡瀵煎叆鏁版嵁銆

阅读全文

与echarts自定义工具箱相关的资料

热点内容
设备巡检怎么做好节能降耗 浏览:576
轴承测温传感器是什么型号 浏览:708
厨房水管阀门怎么修 浏览:851
xsa是什么仪器 浏览:482
宝马535有排气阀门吗 浏览:216
绝缘油全自动脱气装置 浏览:390
暖气有个红色的阀门是什么 浏览:894
永一恒华阀门怎么样 浏览:828
农业机械出国需要什么 浏览:359
阀门几分是怎么分的 浏览:277
气罐减压阀是什么阀门 浏览:600
滚动轴承什么特点 浏览:768
机床怎么换皮带视频 浏览:179
自动清洗式除油装置 浏览:329
天然总气阀门怎么开 浏览:599
奥迪a4仪表怎么匹配 浏览:468
思域仪表盘如何看时速 浏览:847
测血压的仪器用的什么电池 浏览:973
水阀门dn15什么意思 浏览:475
实验室取蒸馏水蒸馏装置 浏览:612