导航:首页 > 五金知识 > 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自定义工具箱相关的资料

热点内容
ucp轴承什么样图片 浏览:196
环保装置设计图 浏览:166
伯努利原理实验装置 浏览:568
泡沫模具怎么铸造 浏览:408
阀门炉号一般是什么样的 浏览:942
空调制冷什么温度比较合适 浏览:791
三菱多种液体混合装置控制设计 浏览:390
超声波片裂检查是什么意思 浏览:245
nb暖气阀门 浏览:799
皮带机自动注油装置 浏览:130
管道阀门安全操作流程 浏览:25
机械硬盘电压多少 浏览:125
铝焊丝制作用切割装置 浏览:857
电气设备接地是什么 浏览:169
如何添加新的音频硬件设备 浏览:863
立式轴承座如何安装方法 浏览:989
sf仪表符号什么意思 浏览:301
进户暖气阀门有正反吗 浏览:595
二手汇工程机械怎么样 浏览:861
同步电动机吹扫装置的作用 浏览:737