Java程序設(shè)計任務(wù)驅(qū)動教程Web數(shù)據(jù)可視化教程（基于ECharts）Web數(shù)據(jù)可視化教程（基于ECharts）工具欄組件的屬性及設(shè)置Web數(shù)據(jù)可視化教程（基于ECharts）（1）toolbox.idstring類型，用于設(shè)置組件ID，默認不指定。指定則可用于在option或者API中引用組件。（2）toolbox.show=trueboolean類型，用于設(shè)置是否顯示工具欄組件。（3）toolbox.orient='horizontal'string類型，用于設(shè)置工具欄icon的布局朝向。其取值可選項為：'horizontal'、'vertical'。（4）toolbox.itemSize=15number類型，用于設(shè)置工具欄icon的大小。（5）toolbox.itemGap=8number類型，用于設(shè)置工具欄icon每項之間的間隔。橫向布局時為水平間隔，縱向布局時為縱向間隔。（6）toolbox.showTitle=trueboolean類型，用于設(shè)置是否在鼠標hover的時候顯示每個工具icon的標題。（7）toolbox.featureObject類型，用于設(shè)置各工具配置項。除了各個內(nèi)置的工具按鈕外，還可以自定義工具按鈕。注意，自定義的工具名字，只能以my開頭，例如下例中的myTool1，myTool2：{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.444zM421.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.876zM421.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://https://EC/zh/images/favicon.png',onclick:function(){alert('myToolHandler2')}}}}}◆toolbox.feature.saveAsImageObject類型，用于保存為圖片。◆toolbox.feature.restoreObject類型，用于配置項還原?！魌oolbox.feature.dataViewObject類型，用于設(shè)置數(shù)據(jù)視圖工具，可以展現(xiàn)當(dāng)前圖表所用的數(shù)據(jù)，編輯后可以動態(tài)更新?！魌oolbox.feature.dataZoomObject類型，用于設(shè)置數(shù)據(jù)區(qū)域縮放，目前只支持直角坐標系的縮放?！魌oolbox.feature.magicTypeObject類型，用于動態(tài)類型切換，示例代碼如下：feature:{magicType:{type:['line','bar','stack']}}◆toolbox.feature.brushObject類型，用于設(shè)置選框組件的控制按鈕。也可以不在這里指定，而是在brush.toolbox中指定。（8）toolbox.iconStyleObject類型，用于公用的icon樣式設(shè)置。由于icon的文本信息只在iconhover時候才顯示，所以文字相關(guān)的配置項請在emphasis下設(shè)置?！魌oolbox.iconStyle.color=noneColor類型，用于設(shè)置圖形的顏色。支持使用rgb(255,255,255)，rgba(255,255,255,1)，#fff等方式設(shè)置為純色，也支持設(shè)置為漸變色和紋理填充?！魌oolbox.iconStyle.borderColor=#666Color類型，用于設(shè)置圖形的描邊顏色。支持的顏色格式同color，不支持回調(diào)函數(shù)?！魌oolbox.iconStyle.borderWidth=1number類型，用于設(shè)置描邊線寬，為0時無描邊?！魌oolbox.iconStyle.borderType='solid'string或number或Array類型，用于設(shè)置描邊類型。其取值可選項為：'solid'、'dashed'、'dotted'。自v5.0.0開始，也可以是number或者number數(shù)組，用以指定線條的dasharray，配合borderDashOffset可實現(xiàn)更靈活的虛線效果。例如：{borderType:[5,10],borderDashOffset:5}◆toolbox.iconStyle.borderDashOffsetnumber類型，從v5.0.0開始支持。用于設(shè)置虛線的偏移量，可搭配borderType指定dasharray實現(xiàn)靈活的虛線效果?！魌oolbox.iconStyle.borderCap='butt'string類型，從v5.0.0開始支持，用于指定線段末端的繪制方式，其取值可選項為：①'butt'：線段末端以方形結(jié)束。②'round'：線段末端以圓形結(jié)束。③'square'：線段末端以方形結(jié)束，但是增加了一個寬度和線段相同，高度是線段厚度一半的矩形區(qū)域。默認值為'butt'。◆toolbox.iconStyle.borderJoin='bevel'string類型，從v5.0.0開始支持，用于設(shè)置2個長度不為0的相連部分（線段，圓弧，曲線）如何連接在一起的屬性（長度為0的變形部分，其指定的末端和控制點在同一位置，會被忽略）。其取值可選項為：①'bevel'：在相連部分的末端填充一個額外的以三角形為底的區(qū)域，每個部分都有各自獨立的矩形拐角。②'round'：通過填充一個額外的，圓心在相連部分末端的扇形，繪制拐角的形狀。圓角的半徑是線段的寬度。③'miter'：通過延伸相連部分的外邊緣，使其相交于一點，形成一個額外的菱形區(qū)域。這個設(shè)置可以通過borderMiterLimit屬性看到效果。默認值為'bevel'?！魌oolbox.iconStyle.borderMiterLimit=10number類型，從v5.0.0開始支持，用于設(shè)置斜接面限制比例。只有當(dāng)borderJoin為miter時，borderMiterLimit才有效。默認值為10。負數(shù)、0、Infinity和NaN均會被忽略?！魌oolbox.iconStyle.shadowBlurnumber類型，用于設(shè)置圖形陰影的模糊大小。該屬性配合shadowColor,shadowOffsetX,shadowOffsetY一起設(shè)置圖形的陰影效果。示例代碼如下：{shadowColor：'rgba(0,0,0,0.5)',shadowBlur:10}◆toolbox.iconStyle.shadowColorColor類型，用于設(shè)置陰影顏色。支持的格式同color?！魌oolbox.iconStyle.shadowOffsetXnumber類型，用于設(shè)置陰影水平方向上的偏移距離。◆toolbox.iconStyle.shadowOffsetYnumber類型，用于設(shè)置陰影垂直方向上的偏移距離?！魌oolbox.iconStyle.opacity=1number類型，用于設(shè)置圖形透明度。支持從0到1的數(shù)字，為0時不繪制該圖形。（9）toolbox.emphasisObject類型?！魌oolbox.emphasis.iconStyle（10）toolbox.zlevelnumber類型，用于設(shè)置所有圖形的zlevel值。zlevel用于Canvas分層，不同zlevel值的圖形會放置在不同的Canvas中，Canvas分層是一種常見的優(yōu)化手段?？梢园岩恍﹫D形變化頻繁（例如有動畫）的組件設(shè)置成一個單獨的zlevel。需要注意的是過多的Canvas會引起內(nèi)存開銷的增大，在手機端上需要謹慎使用以防崩潰。zlevel大的Canvas會放在zlevel小的Canvas的上面。（11）toolbox.z=2number類型，用于設(shè)置組件的所有圖形的z值。控制圖形的前后順序，z值小的圖形會被z值大的圖形覆蓋。z相比zlevel優(yōu)先級更低，而且不會創(chuàng)建新的Canvas。（12）toolbox.left='auto'string或number類型，用于設(shè)置工具欄組件離容器左側(cè)的距離。left的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'left','center','right'。如果left的值為'left','center','right'，組件會根據(jù)相應(yīng)的位置自動對齊。（13）toolbox.top='auto'string或number類型，用于設(shè)置工具欄組件離容器上側(cè)的距離。top的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比，也可以是'top','middle','bottom'。如果top的值為'top','middle','bottom'，組件會根據(jù)相應(yīng)的位置自動對齊。（14）toolbox.right='auto'string或number類型，用于設(shè)置工具欄組件離容器右側(cè)的距離。right的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比。默認自適應(yīng)。（15）toolbox.bottom='auto'string或number類型，用于設(shè)置工具欄組件離容器下側(cè)的距離。bottom的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對于容器高寬的百分比。默認自適應(yīng)。（16）toolbox.width='auto'string或number類型，用于設(shè)置工具欄組件的寬度。默認自適應(yīng)。（17）toolbox.height='auto'string或number類型，用于設(shè)置工具欄組件的高度。默認自適應(yīng)。（18）toolbox.tooltipObject類型，用于工具箱的tooltip配置，配置項同tooltip。默認不顯示，可以在需要特殊定制文字樣式（尤其是想用自定義CSS控制文字樣式）的時候開啟tooltip。示例代碼如下：option={tooltip:{show:true//必須引入tooltip組件},toolbox:{show:true,showTitle:false,//隱藏默認文字，否則兩者位置會重疊feature:{saveA