




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
Web數(shù)據(jù)可視化教程(基于ECharts)Web數(shù)據(jù)可視化教程(基于ECharts)Web數(shù)據(jù)可視化教程(基于ECharts)折線圖的主要屬性及其設(shè)置Web數(shù)據(jù)可視化教程(基于ECharts)(1)series-line.type='line'string類型。(2)series-line.Idstring類型,用于設(shè)置組件ID,默認(rèn)不指定。指定則可用于在option或者API中引用組件。(3)series-line.namestring類型,用于設(shè)置系列名稱,用于tooltip的顯示,legend的圖例篩選,在setOption更新數(shù)據(jù)和配置項(xiàng)時(shí)用于指定對(duì)應(yīng)的系列。(4)series-line.colorBy='series'string類型,從v5.2.0開始支持,用于設(shè)置從調(diào)色盤option.color中取色的策略,可取值為:①'series':按照系列分配調(diào)色盤中的顏色,同一系列中的所有數(shù)據(jù)都是用相同的顏色;②'data':按照數(shù)據(jù)項(xiàng)分配調(diào)色盤中的顏色,每個(gè)數(shù)據(jù)項(xiàng)都使用不同的顏色。(5)series-line.coordinateSystem='cartesian2d'string類型,用于設(shè)置該系列使用的坐標(biāo)系,其取值可選項(xiàng)為:①'cartesian2d'使用二維的直角坐標(biāo)系(也稱笛卡爾坐標(biāo)系),通過xAxisIndex,yAxisIndex指定相應(yīng)的坐標(biāo)軸組件。②'polar'使用極坐標(biāo)系,通過polarIndex指定相應(yīng)的極坐標(biāo)組件(6)series-line.xAxisIndexnumber類型,用于設(shè)置使用的x軸的index,在單個(gè)圖表實(shí)例中存在多個(gè)x軸的時(shí)候有用。(7)series-line.yAxisIndexnumber類型,用于設(shè)置使用的y軸的index,在單個(gè)圖表實(shí)例中存在多個(gè)y軸的時(shí)候有用。(8)series-line.polarIndexnumber類型,用于設(shè)置使用的極坐標(biāo)系的index,在單個(gè)圖表實(shí)例中存在多個(gè)極坐標(biāo)系的時(shí)候有用。(9)series-line.symbol='emptyCircle'string或Function類型,用于設(shè)置標(biāo)記的圖形。ECharts提供的標(biāo)記類型包括'circle'、'rect'、'roundRect'、'triangle'、'diamond'、'pin'、'arrow'、'none'。可以通過'image://url'設(shè)置為圖片,其中URL為圖片的鏈接,或者dataURI。URL為圖片鏈接例如:'image://http://example.website/a/b.png'URL為dataURI例如:'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'可以通過'path://'將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會(huì)自適應(yīng)調(diào)整為合適的大小。路徑的格式參見SVGPathData??梢詮腁dobeIllustrator等工具編輯導(dǎo)出。例如:'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2zM30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5zM36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8zM27.8,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'如果需要每個(gè)數(shù)據(jù)的圖形不一樣,可以設(shè)置為如下格式的回調(diào)函數(shù):(value:Array|number,params:Object)=>string其中第1個(gè)參數(shù)value為data中的數(shù)據(jù)值。第2個(gè)參數(shù)params是其它的數(shù)據(jù)項(xiàng)參數(shù)。(10)series-line.symbolSize=4number或Array或Function類型,用于設(shè)置標(biāo)記的大小,可以設(shè)置成諸如10這樣單一的數(shù)字,也可以用數(shù)組分開表示寬和高,例如[20,10]表示標(biāo)記寬為20,高為10。如果需要每個(gè)數(shù)據(jù)的圖形大小不一樣,可以設(shè)置為如下格式的回調(diào)函數(shù):(value:Array|number,params:Object)=>number|Array其中第1個(gè)參數(shù)value為data中的數(shù)據(jù)值,第2個(gè)參數(shù)params是其它的數(shù)據(jù)項(xiàng)參數(shù)。(11)series-line.symbolRotatenumber或Function類型,用于設(shè)置標(biāo)記的旋轉(zhuǎn)角度(而非弧度)。正值表示逆時(shí)針旋轉(zhuǎn)。注意在markLine中當(dāng)symbol為'arrow'時(shí)會(huì)忽略symbolRotate強(qiáng)制設(shè)置為切線的角度。如果需要每個(gè)數(shù)據(jù)的旋轉(zhuǎn)角度不一樣,可以設(shè)置為如下格式的回調(diào)函數(shù):(value:Array|number,params:Object)=>number其中第1個(gè)參數(shù)value為data中的數(shù)據(jù)值,第2個(gè)參數(shù)params是其它的數(shù)據(jù)項(xiàng)參數(shù)。從4.8.0開始支持回調(diào)函數(shù)。(12)series-line.symbolKeepAspectboolean類型,如果symbol是path://的形式,用于設(shè)置是否在縮放時(shí)保持該圖形的長寬比。(13)series-line.symbolOffset=[0,0]Array類型,用于設(shè)置標(biāo)記相對(duì)于原本位置的偏移。默認(rèn)情況下,標(biāo)記會(huì)居中置放在數(shù)據(jù)對(duì)應(yīng)的位置,但是如果symbol是自定義的矢量路徑或者圖片,就有可能不希望symbol居中。這時(shí)候可以使用該配置項(xiàng)配置symbol相對(duì)于原本居中的偏移,可以是絕對(duì)的像素值,也可以是相對(duì)的百分比。例如[0,'-50%']就是把自己向上移動(dòng)了一半的位置,在symbol圖形是氣泡的時(shí)候可以讓圖形下端的箭頭對(duì)準(zhǔn)數(shù)據(jù)點(diǎn)。(14)series-line.showSymbol=trueboolean類型,用于設(shè)置是否顯示symbol,如果false則只有在tooltiphover的時(shí)候顯示。(15)series-line.showAllSymbol='auto'boolean類型,用于設(shè)置只在主軸為類目軸(axis.type為'category')時(shí)有效。其取值可選項(xiàng)為:①'auto':默認(rèn),如果有足夠空間則顯示標(biāo)志圖形,否則隨主軸標(biāo)簽間隔隱藏策略。②true:顯示所有圖形。③false:隨主軸標(biāo)簽間隔隱藏策略。(16)series-line.legendHoverLink=trueboolean類型,用于設(shè)置是否啟用圖例hover時(shí)的聯(lián)動(dòng)高亮。(17)series-line.stackstring類型,用于設(shè)置數(shù)據(jù)堆疊,同個(gè)類目軸上系列配置相同的stack值可以堆疊放置。注:目前stack只支持堆疊于'value'和'log'類型的類目軸上,不支持'time'和'category'類型的類目軸。(18)series-line.stackStrategy='samesign'string類型,從v5.3.3開始支持,用于設(shè)置堆積數(shù)值的策略,前提是stack屬性已被設(shè)置。其值其取值可選項(xiàng)為:①'samesign'只在要堆疊的值與當(dāng)前累積的堆疊值具有相同的正負(fù)符號(hào)時(shí)才堆疊。②'all'堆疊所有的值,不管當(dāng)前或累積的堆疊值的正負(fù)符號(hào)是什么。③'positive'只堆積正值。④'negative'只堆疊負(fù)值。(19)series-line.cursor='pointer'string類型,用于設(shè)置鼠標(biāo)懸浮時(shí)在圖形元素上時(shí)鼠標(biāo)的樣式,同CSS的cursor。(20)series-line.connectNullsboolean類型,用于設(shè)置是否連接空數(shù)據(jù)。(21)series-line.clip=trueboolean類型,從v4.4.0開始支持,用于設(shè)置是否裁剪超出坐標(biāo)系部分的圖形,具體裁剪效果根據(jù)系列決定:①散點(diǎn)圖/帶有漣漪特效動(dòng)畫的散點(diǎn)(氣泡)圖:忽略中心點(diǎn)超出坐標(biāo)系的圖形,但是不裁剪單個(gè)圖形②柱狀圖:裁掉完全超出的柱子,但是不會(huì)裁剪只超出部分的柱子③折線圖:裁掉所有超出坐標(biāo)系的折線部分,拐點(diǎn)圖形的邏輯按照散點(diǎn)圖處理④路徑圖:裁掉所有超出坐標(biāo)系的部分⑤K線圖:忽略整體都超出坐標(biāo)系的圖形,但是不裁剪單個(gè)圖形⑥象形柱圖:裁掉所有超出坐標(biāo)系的部分(從v5.5.0開始支持)⑦自定義系列:裁掉所有超出坐標(biāo)系的部分除了象形柱圖和自定義系列,其它系列的默認(rèn)值都為true,及開啟裁剪,如果覺得不想要裁剪的話,可以設(shè)置成false關(guān)閉。(22)series-line.triggerLineEventboolean類型,從v5.2.2開始支持,用于設(shè)置線條和區(qū)域面積是否觸發(fā)事件。(23)series-line.stepstring或boolean類型,用于設(shè)置是否是階梯線圖。可以設(shè)置為true顯示成階梯線圖,也支持設(shè)置成'start'、'middle'、'end'分別配置在當(dāng)前點(diǎn),當(dāng)前點(diǎn)與下個(gè)點(diǎn)的中間點(diǎn),下個(gè)點(diǎn)拐彎。(24)series-line.labelObject類型,用于設(shè)置圖形上的文本標(biāo)簽,可用于說明圖形的一些數(shù)據(jù)信息,例如值、名稱等?!魋eries-line.label.showboolean類型,用于設(shè)置是否顯示標(biāo)簽?!魋eries-line.label.position='top'string或Array類型,用于設(shè)置標(biāo)簽的位置。
可以通過內(nèi)置的語義聲明位置:示例代碼:position:'top'支持:top/left/right/bottom/inside/insideLeft/insideRight/insideTop/insideBottom/insideTopLeft/insideBottomLeft/insideTopRight/insideBottomRight。
也可以用一個(gè)數(shù)組表示相對(duì)的百分比或者絕對(duì)像素值表示標(biāo)簽相對(duì)于圖形包圍盒左上角的位置。示例代碼://絕對(duì)的像素值position:[10,10],//相對(duì)的百分比position:['50%','50%']◆series-line.label.distance=5number類型,用于設(shè)置距離圖形元素的距離。當(dāng)position為字符描述值(如'top'、'insideRight')時(shí)候有效?!魋eries-line.label.rotatenumber類型,用于設(shè)置標(biāo)簽旋轉(zhuǎn)。從-90度到90度。正值是逆時(shí)針?!魋eries-line.label.offsetArray類型,用于設(shè)置是否對(duì)文字進(jìn)行偏移,默認(rèn)不偏移。例如:[30,40]表示文字在橫向上偏移30,縱向上偏移40?!魋eries-line.label.minMarginnumber類型,從v5.0.0開始支持。用于控制標(biāo)簽之間的最小距離,當(dāng)啟用labelLayout時(shí)可能會(huì)用到。◆series-line.label.formatterstring或Function類型,用于設(shè)置標(biāo)簽內(nèi)容格式器,支持字符串模板和回調(diào)函數(shù)兩種形式,字符串模板與回調(diào)函數(shù)返回的字符串均支持用\n換行。字符串模板模板變量有:{a}:系列名。:數(shù)據(jù)名。{c}:數(shù)據(jù)值。{@xxx}:數(shù)據(jù)中名為'xxx'的維度的值,如{@product}表示名為'product'的維度的值。{@[n]}:數(shù)據(jù)中維度n的值,如{@[3]}表示維度3的值,從0開始計(jì)數(shù)。示例代碼:formatter:':{@score}'
回調(diào)函數(shù)回調(diào)函數(shù)格式:(params:Object|Array)=>string參數(shù)params是formatter需要的單個(gè)數(shù)據(jù)集。格式如下:{componentType:'series',//系列類型seriesType:string,//系列在傳入的option.series中的indexseriesIndex:number,//系列名稱seriesName:string,//數(shù)據(jù)名,類目名name:string,//數(shù)據(jù)在傳入的data數(shù)組中的indexdataIndex:number,//傳入的原始數(shù)據(jù)項(xiàng)data:Object,//傳入的數(shù)據(jù)值。在多數(shù)系列下它和data相同。//在一些系列下是data中的分量(如map、radar中)value:number|Array|Object,//坐標(biāo)軸encode映射信息,//key為坐標(biāo)軸(如'x''y''radius''angle'等)//value必然為數(shù)組,不會(huì)為null/undefined,表示dimensionindex。//其內(nèi)容如://{//x:[2]//dimensionindex為2的數(shù)據(jù)映射到x軸//y:[0]//dimensionindex為0的數(shù)據(jù)映射到y(tǒng)軸//}encode:Object,//維度名列表dimensionNames:Array<String>,//數(shù)據(jù)的維度index,如0或1或2…//僅在雷達(dá)圖中使用。dimensionIndex:number,//數(shù)據(jù)圖形的顏色color:string類型,用于設(shè)置}注:encode和dimensionNames的使用方式,例如:如果數(shù)據(jù)為:dataset:{source:[['蘋果',43.3,85.8,93.7],['梨子',83.1,73.4,55.1],['葡萄',86.4,65.2,82.5],['芒果',72.4,53.9,39.1]]}則可這樣得到y(tǒng)軸對(duì)應(yīng)的value:params.value[params.encode.y[0]]如果數(shù)據(jù)為:dataset:{dimensions:['product','7月','8月','9月'],source:[{product:'蘋果','7月':43.3,'8月':85.8,'9月':93.7},{product:'梨子','7月':83.1,'8月':73.4,'9月':55.1},{product:'葡萄','7月':86.4,'8月':65.2,'9月':82.5},{product:'芒果','7月':72.4,'8月':53.9,'9月':39.1}]}則可這樣得到y(tǒng)軸對(duì)應(yīng)的value:params.value[params.dimensionNames[params.encode.y[0]]]◆series-line.label.color='#fff'Color類型,用于設(shè)置文字的顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色?!魋eries-line.label.fontStyle='normal'string類型,用于設(shè)置文字字體的風(fēng)格。其取值可選項(xiàng)為:'normal'、'italic'、'oblique'。◆series-line.label.fontWeight='normal'string或number類型,用于設(shè)置文字字體的粗細(xì)。其取值可選項(xiàng)為:'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆series-line.label.fontFamily='sans-serif'string類型,用于設(shè)置文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆series-line.label.fontSize=12number類型,用于設(shè)置文字的字體大小。◆series-line.label.alignstring類型,用于設(shè)置文字水平對(duì)齊方式,默認(rèn)自動(dòng)。其取值可選項(xiàng)為:'left'、'center'、'right'。rich中如果沒有設(shè)置align,則會(huì)取父層級(jí)的align。例如:{align:right,rich:{a:{//沒有設(shè)置`align`,則`align`為right}}}◆series-line.label.verticalAlignstring類型,用于設(shè)置文字垂直對(duì)齊方式,默認(rèn)自動(dòng)。其取值可選項(xiàng)為:'top'、'middle'、'bottom'。rich中如果沒有設(shè)置verticalAlign,則會(huì)取父層級(jí)的verticalAlign。例如:{verticalAlign:bottom,rich:{a:{//沒有設(shè)置`verticalAlign`,則`verticalAlign`為bottom}}}◆series-line.label.lineHeightnumber類型,用于設(shè)置行高。rich中如果沒有設(shè)置lineHeight,則會(huì)取父層級(jí)的lineHeight。例如:{lineHeight:56,rich:{a:{//沒有設(shè)置`lineHeight`,則`lineHeight`為56}}}◆series-line.label.backgroundColor='transparent'string或Object類型,用于設(shè)置文字塊背景色??梢允褂妙伾?,例如:'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片,例如:backgroundColor:{image:'xxx/xxx.png'//這里可以是圖片的URL,//或者圖片的dataURI,//或者HTMLImageElement對(duì)象,//或者HTMLCanvasElement對(duì)象。}當(dāng)使用圖片的時(shí)候,可以使用width或height指定高寬,也可以不指定自適應(yīng)。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色?!魋eries-line.label.borderColorColor類型,用于設(shè)置文字塊邊框顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色?!魋eries-line.label.borderWidthnumber類型,用于設(shè)置文字塊邊框?qū)挾取!魋eries-line.label.borderType='solid'string或number或Array類型,用于設(shè)置文字塊邊框描邊類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合borderDashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{borderType:[5,10],borderDashOffset:5}◆series-line.label.borderDashOffsetnumber類型,從v5.0.0開始支持,用于設(shè)置虛線的偏移量,可搭配borderType指定dasharray實(shí)現(xiàn)靈活的虛線效果。◆series-line.label.borderRadiusnumber或Array類型,用于設(shè)置文字塊的圓角?!魋eries-line.label.paddingnumber或Array類型,用于設(shè)置文字塊的內(nèi)邊距。例如:padding:[3,4,5,6]:表示[上,右,下,左]的邊距。padding:4:表示padding:[4,4,4,4]。padding:[3,4]:表示padding:[3,4,3,4]。注意,文字塊的width和height指定的是內(nèi)容高寬,不包含padding?!魋eries-line.label.shadowColor='transparent'Color類型,用于設(shè)置文字塊的背景陰影顏色。series-line.label.shadowBlurnumber類型,用于設(shè)置文字塊的背景陰影長度?!魋eries-line.label.shadowOffsetXnumber類型,用于設(shè)置文字塊的背景陰影X偏移。◆series-line.label.shadowOffsetYnumber類型,用于設(shè)置文字塊的背景陰影Y偏移?!魋eries-line.label.widthnumber類型,用于設(shè)置文本顯示寬度?!魋eries-line.label.heightnumber類型,用于設(shè)置文本顯示高度?!魋eries-line.label.textBorderColorColor類型,用于設(shè)置文字本身的描邊顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色?!魋eries-line.label.textBorderWidthnumber類型,用于設(shè)置文字本身的描邊寬度。◆series-line.label.textBorderType='solid'string或number或Array類型,用于設(shè)置文字本身的描邊類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合textBorderDashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{textBorderType:[5,10],textBorderDashOffset:5}◆series-line.label.textBorderDashOffsetnumber類型,從v5.0.0開始支持,用于設(shè)置虛線的偏移量,可搭配textBorderType指定dasharray實(shí)現(xiàn)靈活的虛線效果?!魋eries-line.label.textShadowColor='transparent'Color類型,用于設(shè)置文字本身的陰影顏色?!魋eries-line.label.textShadowBlurnumber類型,用于設(shè)置文字本身的陰影長度。◆series-line.label.textShadowOffsetXnumber類型,用于設(shè)置文字本身的陰影X偏移?!魋eries-line.label.textShadowOffsetYnumber類型,用于設(shè)置文字本身的陰影Y偏移?!魋eries-line.label.overflow='none'string類型,用于設(shè)置文字超出寬度是否截?cái)嗷蛘邠Q行,配置width時(shí)有效。①'truncate'截?cái)啵⒃谀┪诧@示ellipsis配置的文本,默認(rèn)為…②'break'換行。③'breakAll'換行,跟'break'不同的是,在英語等拉丁文中,'breakAll'還會(huì)強(qiáng)制單詞內(nèi)換行?!魋eries-line.label.ellipsis='…'string類型,用于設(shè)置在overflow配置為'truncate'的時(shí)候,可以通過該屬性配置末尾顯示的文本。◆series-line.label.richObject類型。在rich里面,可以自定義富文本樣式。利用富文本樣式,可以在標(biāo)簽中做出非常豐富的效果。(25)series-line.endLabelObject類型,從v5.0.0開始支持,用于設(shè)置折線端點(diǎn)的標(biāo)簽?!魋eries-line.endLabel.showboolean類型,用于設(shè)置是否顯示標(biāo)簽?!魋eries-line.endLabel.distance=5number類型,用于設(shè)置距離圖形元素的距離。◆series-line.endLabel.rotatenumber類型,用于設(shè)置標(biāo)簽旋轉(zhuǎn),從-90度到90度。正值是逆時(shí)針?!魋eries-line.endLabel.offsetArray類型,用于設(shè)置是否對(duì)文字進(jìn)行偏移,默認(rèn)不偏移。例如:[30,40]表示文字在橫向上偏移30,縱向上偏移40?!魋eries-line.endLabel.minMarginnumber類型,從v5.0.0開始支持,用于控制標(biāo)簽之間的最小距離,當(dāng)啟用labelLayout時(shí)可能會(huì)用到。◆series-line.endLabel.formatterstring或Function類型,用于設(shè)置標(biāo)簽內(nèi)容格式器,支持字符串模板和回調(diào)函數(shù)兩種形式,字符串模板與回調(diào)函數(shù)返回的字符串均支持用\n換行。
字符串模板模板變量有:{a}:系列名。:數(shù)據(jù)名。{c}:數(shù)據(jù)值。{@xxx}:數(shù)據(jù)中名為'xxx'的維度的值,如{@product}表示名為'product'的維度的值。{@[n]}:數(shù)據(jù)中維度n的值,如{@[3]}表示維度3的值,從0開始計(jì)數(shù)。示例代碼:formatter:':{@score}'
回調(diào)函數(shù)回調(diào)函數(shù)格式:(params:Object|Array)=>string參數(shù)params是formatter需要的單個(gè)數(shù)據(jù)集。格式如下:{componentType:'series',//系列類型seriesType:string,//系列在傳入的option.series中的indexseriesIndex:number,//系列名稱seriesName:string,//數(shù)據(jù)名,類目名name:string,//數(shù)據(jù)在傳入的data數(shù)組中的indexdataIndex:number,//傳入的原始數(shù)據(jù)項(xiàng)data:Object,//傳入的數(shù)據(jù)值。在多數(shù)系列下它和data相同。//在一些系列下是data中的分量(如map、radar中)value:number|Array|Object,//坐標(biāo)軸encode映射信息,//key為坐標(biāo)軸(如'x''y''radius''angle'等)//value必然為數(shù)組,不會(huì)為null/undefined,表示dimensionindex。//其內(nèi)容如://{//x:[2]//dimensionindex為2的數(shù)據(jù)映射到x軸//y:[0]//dimensionindex為0的數(shù)據(jù)映射到y(tǒng)軸//}encode:Object,//維度名列表dimensionNames:Array<String>,//數(shù)據(jù)的維度index,如0或1或2…//僅在雷達(dá)圖中使用。dimensionIndex:number,//數(shù)據(jù)圖形的顏色color:string類型,用于設(shè)置}注:encode和dimensionNames的使用方式,例如:如果數(shù)據(jù)為:dataset:{source:[['蘋果',43.3,85.8,93.7],['梨子',83.1,73.4,55.1],['葡萄',86.4,65.2,82.5],['芒果',72.4,53.9,39.1]]}則可這樣得到y(tǒng)軸對(duì)應(yīng)的value:params.value[params.encode.y[0]]如果數(shù)據(jù)為:dataset:{dimensions:['product','7月','8月','9月'],source:[{product:'蘋果','7月':43.3,'8月':85.8,'9月':93.7},{product:'梨子','7月':83.1,'8月':73.4,'9月':55.1},{product:'葡萄','7月':86.4,'8月':65.2,'9月':82.5},{product:'芒果','7月':72.4,'8月':53.9,'9月':39.1}]}則可這樣得到y(tǒng)軸對(duì)應(yīng)的value:params.value[params.dimensionNames[params.encode.y[0]]]◆series-line.endLabel.color='#fff'Color類型,用于設(shè)置文字的顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色。◆series-line.endLabel.fontStyle='normal'string類型,用于設(shè)置文字字體的風(fēng)格。其取值可選項(xiàng)為:'normal'、'italic'、'oblique'◆series-line.endLabel.fontWeight='normal'string或number類型,用于設(shè)置文字字體的粗細(xì)。其取值可選項(xiàng)為:'normal'、'bold'、'bolder'、'lighter'、100|200|300|400…◆series-line.endLabel.fontFamily='sans-serif'string類型,用于設(shè)置文字的字體系列。還可以是'serif'、'monospace'、'Arial'、'CourierNew'、'MicrosoftYaHei'…◆series-line.endLabel.fontSize=12number類型,用于設(shè)置文字的字體大小?!魋eries-line.endLabel.alignstring類型,用于設(shè)置文字水平對(duì)齊方式,默認(rèn)為自動(dòng)。其取值可選項(xiàng)為:'left'、'center'、'right'。rich中如果沒有設(shè)置align,則會(huì)取父層級(jí)的align。例如:{align:right,rich:{a:{//沒有設(shè)置`align`,則`align`為right}}}◆series-line.endLabel.verticalAlignstring類型,用于設(shè)置文字垂直對(duì)齊方式,默認(rèn)自動(dòng)。其取值可選項(xiàng)為:'top'、'middle'、'bottom'。rich中如果沒有設(shè)置verticalAlign,則會(huì)取父層級(jí)的verticalAlign。例如:{verticalAlign:bottom,rich:{a:{//沒有設(shè)置`verticalAlign`,則`verticalAlign`為bottom}}}◆series-line.endLabel.lineHeightnumber類型,用于設(shè)置行高。rich中如果沒有設(shè)置lineHeight,則會(huì)取父層級(jí)的lineHeight。例如:{lineHeight:56,rich:{a:{//沒有設(shè)置`lineHeight`,則`lineHeight`為56}}}◆series-line.endLabel.backgroundColor='transparent'string或Object類型,用于設(shè)置文字塊背景色??梢允褂妙伾?,例如:'#123234','red','rgba(0,23,11,0.3)'。也可以直接使用圖片,例如:backgroundColor:{image:'xxx/xxx.png'//這里可以是圖片的URL,//或者圖片的dataURI,//或者HTMLImageElement對(duì)象,//或者HTMLCanvasElement對(duì)象。}當(dāng)使用圖片的時(shí)候,可以使用width或height指定高寬,也可以不指定自適應(yīng)。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色。◆series-line.endLabel.borderColorColor類型,用于設(shè)置文字塊邊框顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色。◆series-line.endLabel.borderWidthnumber類型,用于設(shè)置文字塊邊框?qū)挾??!魋eries-line.endLabel.borderType='solid'string或number或Array類型,用于設(shè)置文字塊邊框描邊類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合borderDashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{borderType:[5,10],borderDashOffset:5}◆series-line.endLabel.borderDashOffsetnumber類型,從v5.0.0開始支持,用于設(shè)置虛線的偏移量,可搭配borderType指定dasharray實(shí)現(xiàn)靈活的虛線效果。◆series-line.endLabel.borderRadiusnumber或Array類型,用于設(shè)置文字塊的圓角?!魋eries-line.endLabel.paddingnumber或Array類型,用于設(shè)置文字塊的內(nèi)邊距。例如:padding:[3,4,5,6]:表示[上,右,下,左]的邊距。padding:4:表示padding:[4,4,4,4]。padding:[3,4]:表示padding:[3,4,3,4]。注意,文字塊的width和height指定的是內(nèi)容高寬,不包含padding。◆series-line.endLabel.shadowColor='transparent'Color類型,用于設(shè)置文字塊的背景陰影顏色?!魋eries-line.endLabel.shadowBlurnumber類型,用于設(shè)置文字塊的背景陰影長度?!魋eries-line.endLabel.shadowOffsetXnumber類型,用于設(shè)置文字塊的背景陰影X偏移。◆series-line.endLabel.shadowOffsetYnumber類型,用于設(shè)置文字塊的背景陰影Y偏移?!魋eries-line.endLabel.widthnumber類型,用于設(shè)置文本顯示寬度。◆series-line.endLabel.heightnumber類型,用于設(shè)置文本顯示高度?!魋eries-line.endLabel.textBorderColorColor類型,用于設(shè)置文字本身的描邊顏色。如果設(shè)置為'inherit',則為視覺映射得到的顏色,如系列色?!魋eries-line.endLabel.textBorderWidthnumber類型,用于設(shè)置文字本身的描邊寬度?!魋eries-line.endLabel.textBorderType='solid'string或number或Array類型,用于設(shè)置文字本身的描邊類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合textBorderDashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{textBorderType:[5,10],textBorderDashOffset:5}◆series-line.endLabel.textBorderDashOffsetnumber類型,從v5.0.0開始支持,用于設(shè)置虛線的偏移量,可搭配textBorderType指定dasharray實(shí)現(xiàn)靈活的虛線效果?!魋eries-line.endLabel.textShadowColor='transparent'Color類型,用于設(shè)置文字本身的陰影顏色?!魋eries-line.endLabel.textShadowBlurnumber類型,用于設(shè)置文字本身的陰影長度?!魋eries-line.endLabel.textShadowOffsetXnumber類型,用于設(shè)置文字本身的陰影X偏移。◆series-line.endLabel.textShadowOffsetYnumber類型,用于設(shè)置文字本身的陰影Y偏移?!魋eries-line.endLabel.overflow='none'string類型,用于設(shè)置文字超出寬度是否截?cái)嗷蛘邠Q行,配置width時(shí)有效。①'truncate'截?cái)啵⒃谀┪诧@示ellipsis配置的文本,默認(rèn)為…②'break'換行。③'breakAll'換行,跟'break'不同的是,在英語等拉丁文中,'breakAll'還會(huì)強(qiáng)制單詞內(nèi)換行?!魋eries-line.endLabel.ellipsis='…'string類型,用于設(shè)置在overflow配置為'truncate'的時(shí)候,可以通過該屬性配置末尾顯示的文本。◆series-line.endLabel.richObject類型,在rich里面,可以自定義富文本樣式。利用富文本樣式,可以在標(biāo)簽中做出非常豐富的效果?!魋eries-line.endLabel.valueAnimationboolean類型,用于設(shè)置是否開啟標(biāo)簽的數(shù)字動(dòng)畫。◆series-line.labelLineObject類型,從v5.0.0開始支持,用于設(shè)置標(biāo)簽的視覺引導(dǎo)線配置?!魋eries-line.labelLine.showboolean類型,用于設(shè)置是否顯示視覺引導(dǎo)線?!魋eries-line.labelLine.showAboveboolean類型,從v5.0.0開始支持,用于設(shè)置是否顯示在圖形上方?!魋eries-line.labelLine.length2number類型,用于設(shè)置視覺引導(dǎo)項(xiàng)第二段的長度?!魋eries-line.labelLine.smoothbooleannumber類型,用于設(shè)置是否平滑視覺引導(dǎo)線,默認(rèn)不平滑,可以設(shè)置成true平滑顯示,也可以設(shè)置為0到1的值,表示平滑程度?!魋eries-line.labelLine.minTurnAnglenumber類型,從v5.0.0開始支持,通過調(diào)整第二段線的長度,限制引導(dǎo)線兩端之間最小的夾角,以防止過小的夾角導(dǎo)致顯示不美觀??梢栽O(shè)置為0-180度?!魋eries-line.labelLine.lineStyleObject類型。(26)series-line.labelLayoutObject或Function類型,從v5.0.0開始支持,用于標(biāo)簽的統(tǒng)一布局配置。該配置項(xiàng)是在每個(gè)系列默認(rèn)的標(biāo)簽布局基礎(chǔ)上,統(tǒng)一調(diào)整標(biāo)簽的(x,y)位置,標(biāo)簽對(duì)齊等屬性以實(shí)現(xiàn)想要的標(biāo)簽布局效果。該配置項(xiàng)也可以是一個(gè)有如下參數(shù)的回調(diào)函數(shù)://標(biāo)簽對(duì)應(yīng)數(shù)據(jù)的dataIndexdataIndex:number//標(biāo)簽對(duì)應(yīng)的數(shù)據(jù)類型,只在關(guān)系圖中會(huì)有node和edge數(shù)據(jù)類型的區(qū)分dataType?:string//標(biāo)簽對(duì)應(yīng)的系列的indexseriesIndex:number//標(biāo)簽顯示的文本text:string//默認(rèn)的標(biāo)簽的包圍盒,由系列默認(rèn)的標(biāo)簽布局決定labelRect:{x:number,y:number,width:number,height:number}//默認(rèn)的標(biāo)簽水平對(duì)齊align:'left'|'center'|'right'//默認(rèn)的標(biāo)簽垂直對(duì)齊verticalAlign:'top'|'middle'|'bottom'//標(biāo)簽所對(duì)應(yīng)的數(shù)據(jù)圖形的包圍盒,可用于定位標(biāo)簽位置rect:{x:number,y:number,width:number,height:number}//默認(rèn)引導(dǎo)線的位置,目前只有餅圖(pie)和漏斗圖(funnel)有默認(rèn)標(biāo)簽位置//如果沒有該值則為nulllabelLinePoints?:number[][]示例如下:將標(biāo)簽顯示在圖形右側(cè)10px的位置,并且垂直居中:labelLayout(params){return{x:params.rect.x+10,y:params.rect.y+params.rect.height/2,verticalAlign:'middle',align:'left'}}根據(jù)圖形的包圍盒尺寸決定文本尺寸labelLayout(params){return{fontSize:Math.max(params.rect.width/10,5)};}◆series-line.labelLayout.hideOverlapboolean類型,用于設(shè)置是否隱藏重疊的標(biāo)簽?!魋eries-line.labelLayout.moveOverlapstring類型,用于設(shè)置在標(biāo)簽重疊的時(shí)候是否挪動(dòng)標(biāo)簽位置以防止重疊。目前支持配置為:
'shiftX'水平方向依次位移,在水平方向?qū)R時(shí)使用
'shiftY'垂直方向依次位移,在垂直方向?qū)R時(shí)使用◆series-line.labelLayout.xnumber或string類型,用于設(shè)置標(biāo)簽的x位置。支持絕對(duì)的像素值或者'20%'這樣的相對(duì)值。◆series-line.labelLayout.ynumber或string類型,用于設(shè)置標(biāo)簽的y位置。支持絕對(duì)的像素值或者'20%'這樣的相對(duì)值。◆series-line.labelLayout.dxnumber類型,用于設(shè)置標(biāo)簽在x方向上的像素偏移。可以和x一起使用。◆series-line.labelLayout.dynumber類型,用于設(shè)置標(biāo)簽在y方向上的像素偏移。可以和y一起使用◆series-line.labelLayout.rotatenumber類型,用于設(shè)置標(biāo)簽旋轉(zhuǎn)角度。◆series-line.labelLayout.widthnumber類型,用于設(shè)置標(biāo)簽顯示的寬度。可以配合overflow使用控制標(biāo)簽顯示在固定寬度內(nèi)◆series-line.labelLayout.heightnumber類型,用于設(shè)置標(biāo)簽顯示的高度?!魋eries-line.labelLayout.alignstring類型,用于設(shè)置標(biāo)簽水平對(duì)齊方式??梢栽O(shè)置'left'、'center'、'right'?!魋eries-line.labelLayout.verticalAlignstring類型,用于設(shè)置標(biāo)簽垂直對(duì)齊方式。可以設(shè)置'top'、'middle'、'bottom'?!魋eries-line.labelLayout.fontSizenumber類型,用于設(shè)置Thetextsizeofthelabel.◆series-line.labelLayout.draggableboolean類型,用于設(shè)置標(biāo)簽是否可以允許用戶通過拖拽二次調(diào)整位置?!魋eries-line.labelLayout.labelLinePointsArray類型,用于設(shè)置標(biāo)簽引導(dǎo)線三個(gè)點(diǎn)的位置。格式為:[[x,y],[x,y],[x,y]]在餅圖中常用來微調(diào)已經(jīng)計(jì)算好的引導(dǎo)線,其它情況一般不建議設(shè)置。(27)series-line.itemStyleObject類型,用于設(shè)置折線拐點(diǎn)標(biāo)志的樣式?!魋eries-line.itemStyle.color=自適應(yīng)Color或Function類型,用于設(shè)置圖形的顏色。默認(rèn)從全局調(diào)色盤option.color獲取顏色。支持使用rgb(255,255,255),rgba(255,255,255,1),#fff等方式設(shè)置為純色,也支持設(shè)置為漸變色和紋理填充,支持使用回調(diào)函數(shù)?;卣{(diào)函數(shù)格式如下:(params:Object)=>Color傳入的是數(shù)據(jù)項(xiàng)seriesIndex,dataIndex,data,value等各個(gè)參數(shù)?!魋eries-line.itemStyle.borderColor='#000'Color類型,用于設(shè)置圖形的描邊顏色。支持的顏色格式同color,不支持回調(diào)函數(shù)?!魋eries-line.itemStyle.borderWidthnumber類型,用于設(shè)置描邊線寬。為0時(shí)無描邊?!魋eries-line.itemStyle.borderType='solid'string或number或Array類型,用于設(shè)置描邊類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合borderDashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{borderType:[5,10],borderDashOffset:5}◆series-line.itemStyle.borderDashOffsetnumber類型,從v5.0.0開始支持,用于設(shè)置虛線的偏移量,可搭配borderType指定dasharray實(shí)現(xiàn)靈活的虛線效果?!魋eries-line.itemStyle.borderCap='butt'string類型,從v5.0.0開始支持,用于指定線段末端的繪制方式,其取值可選項(xiàng)為:
'butt':線段末端以方形結(jié)束。
'round':線段末端以圓形結(jié)束。
'square':線段末端以方形結(jié)束,但是增加了一個(gè)寬度和線段相同,高度是線段厚度一半的矩形區(qū)域。默認(rèn)值為'butt'。◆series-line.itemStyle.borderJoin='bevel'string類型,從v5.0.0開始支持,用于設(shè)置2個(gè)長度不為0的相連部分(線段,圓弧,曲線)如何連接在一起的屬性(長度為0的變形部分,其指定的末端和控制點(diǎn)在同一位置,會(huì)被忽略)。其取值可選項(xiàng)為:①'bevel':在相連部分的末端填充一個(gè)額外的以三角形為底的區(qū)域,每個(gè)部分都有各自獨(dú)立的矩形拐角。②'round':通過填充一個(gè)額外的,圓心在相連部分末端的扇形,繪制拐角的形狀。圓角的半徑是線段的寬度。③'miter':通過延伸相連部分的外邊緣,使其相交于一點(diǎn),形成一個(gè)額外的菱形區(qū)域。這個(gè)設(shè)置可以通過borderMiterLimit屬性看到效果。默認(rèn)值為'bevel'。◆series-line.itemStyle.borderMiterLimit=10number類型,從v5.0.0開始支持,用于設(shè)置斜接面限制比例。只有當(dāng)borderJoin為miter時(shí),borderMiterLimit才有效。默認(rèn)值為10。負(fù)數(shù)、0、Infinity和NaN均會(huì)被忽略。◆series-line.itemStyle.shadowBlurnumber類型,用于設(shè)置圖形陰影的模糊大小。該屬性配合shadowColor、shadowOffsetX、shadowOffsetY一起設(shè)置圖形的陰影效果。示例代碼:{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆series-line.itemStyle.shadowColorColor類型,用于設(shè)置陰影顏色。支持的格式同color?!魋eries-line.itemStyle.shadowOffsetXnumber類型,用于設(shè)置陰影水平方向上的偏移距離?!魋eries-line.itemStyle.shadowOffsetYnumber類型,用于設(shè)置陰影垂直方向上的偏移距離。◆series-line.itemStyle.opacity=1number類型,用于設(shè)置圖形透明度。支持從0到1的數(shù)字,為0時(shí)不繪制該圖形?!魋eries-line.itemStyle.decalObject類型,用于設(shè)置圖形的貼花圖案,在aria.enabled與aria.decal.show都是true的情況下才生效。如果為'none'表示不使用貼花圖案。需要在設(shè)置了填充樣式areaStyle的情況下才生效。(28)series-line.lineStyleObject類型,用于設(shè)置線條樣式。注:修改lineStyle中的顏色不會(huì)影響圖例顏色,如果需要圖例顏色和折線圖顏色一致,需修改itemStyle.color,線條顏色默認(rèn)也會(huì)取該顏色?!魋eries-line.lineStyle.color="#000"Color類型,用于設(shè)置線的顏色。支持使用rgb(255,255,255)、rgba(255,255,255,1)、#fff等方式設(shè)置為純色,也支持設(shè)置為漸變色和紋理填充?!魋eries-line.lineStyle.width=2number類型,用于設(shè)置線寬?!魋eries-line.lineStyle.type='solid'string或number或Array類型,用于設(shè)置線的類型。其取值可選項(xiàng)為:'solid'、'dashed'、'dotted'。自v5.0.0開始,也可以是number或者number數(shù)組,用以指定線條的dasharray,配合dashOffset可實(shí)現(xiàn)更靈活的虛線效果。例如:{type:[5,10],dashOffset:5}◆series-line.lineStyle.dashOffsetnumber類型,從v5.0.0開始支持用于設(shè)置虛線的偏移量,可搭配type指定dasharray實(shí)現(xiàn)靈活的虛線效果?!魋eries-line.lineStyle.cap='butt'string類型,從v5.0.0開始支持,用于指定線段末端的繪制方式,其取值可選項(xiàng)為:①'butt':線段末端以方形結(jié)束。②'round':線段末端以圓形結(jié)束。③'square':線段末端以方形結(jié)束,但是增加了一個(gè)寬度和線段相同,高度是線段厚度一半的矩形區(qū)域。默認(rèn)值為'butt'。◆series-line.lineStyle.join='bevel'string類型,從v5.0.0開始支持,用于設(shè)置2個(gè)長度不為0的相連部分(線段,圓弧,曲線)如何連接在一起的屬性(長度為0的變形部分,其指定的末端和控制點(diǎn)在同一位置,會(huì)被忽略)。其取值可選項(xiàng)為:①'bevel':在相連部分的末端填充一個(gè)額外的以三角形為底的區(qū)域,每個(gè)部分都有各自獨(dú)立的矩形拐角。②'round':通過填充一個(gè)額外的,圓心在相連部分末端的扇形,繪制拐角的形狀。圓角的半徑是線段的寬度。③'miter':通過延伸相連部分的外邊緣,使其相交于一點(diǎn),形成一個(gè)額外的菱形區(qū)域。這個(gè)設(shè)置可以通過miterLimit屬性看到效果。默認(rèn)值為'bevel'?!魋eries-line.lineStyle.miterLimit=10number類型,從v5.0.0開始支持,用于設(shè)置斜接面限制比例。只有當(dāng)join為miter時(shí),miterLimit才有效。默認(rèn)值為10。負(fù)數(shù)、0、Infinity和NaN均會(huì)被忽略?!魋eries-line.lineStyle.shadowBlurnumber類型,用于設(shè)置圖形陰影的模糊大小。該屬性配合shadowColor,shadowOffsetX,shadowOffsetY一起設(shè)置圖形的陰影效果。示例代碼:{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆series-line.lineStyle.shadowColorColor類型,用于設(shè)置陰影顏色。支持的格式同color?!魋eries-line.lineStyle.shadowOffsetXnumber類型,用于設(shè)置陰影水平方向上的偏移距離。◆series-line.lineStyle.shadowOffsetYnumber類型,用于設(shè)置陰影垂直方向上的偏移距離?!魋eries-line.lineStyle.opacity=1number類型,用于設(shè)置圖形透明度。支持從0到1的數(shù)字,為0時(shí)不繪制該圖形?!魋eries-line.areaStyleObject類型,用于設(shè)置區(qū)域填充樣式。設(shè)置后顯示成區(qū)域面積圖?!魋eries-line.areaStyle.color="#000"Color類型,用于設(shè)置填充的顏色。支持使用rgb(255,255,255),rgba(255,255,255,1),#fff等方式設(shè)置為純色,也支持設(shè)置為漸變色和紋理填充◆series-line.areaStyle.origin='auto'string或number類型,用于設(shè)置圖形區(qū)域的起始位置。默認(rèn)情況下,圖形會(huì)從坐標(biāo)軸軸線到數(shù)據(jù)間進(jìn)行填充。如果需要填充的區(qū)域是坐標(biāo)軸最大值到數(shù)據(jù)間,或者坐標(biāo)軸最小值到數(shù)據(jù)間,或者某個(gè)數(shù)值到數(shù)據(jù)間則可以通過這個(gè)配置項(xiàng)進(jìn)行設(shè)置??蛇x值包括:①'auto':填充坐標(biāo)軸軸線到數(shù)據(jù)間的區(qū)域(默認(rèn)值)。②'start':填充坐標(biāo)軸底部(非inverse情況是最小值)到數(shù)據(jù)間的區(qū)域。③'end':填充坐標(biāo)軸頂部(非inverse情況是最大值)到數(shù)據(jù)間的區(qū)域。④number:填充指定數(shù)值到數(shù)據(jù)間的區(qū)域(從v5.3.2開始支持)?!魋eries-line.areaStyle.shadowBlurnumber類型,用于設(shè)置圖形陰影的模糊大小。該屬性配合shadowColor,shadowOffsetX,shadowOffsetY一起設(shè)置圖形的陰影效果。示例代碼:{shadowColor:'rgba(0,0,0,0.5)',shadowBlur:10}◆series-line.areaStyle.shadowColorColor類型,用于設(shè)置陰影顏色。支持的格式同color?!魋eries-line.areaStyle.shadowOffsetXnumber類型,用于設(shè)置陰影水平方向上的偏移距離?!魋eries-line.areaStyle.shadowOffsetYnumber類型,用于設(shè)置陰影垂直方向上的偏移距離?!魋eries-line.areaStyle.opacity=0.7number類型,用于設(shè)置圖形透明度。支持從0到1的數(shù)字,為0時(shí)不繪制該圖形?!魋eries-line.emphasisObject類型,用于設(shè)置折線圖的高亮狀態(tài)?!魋eries-line.emphasis.disabledboolean類型,從v5.3.0開始支持,用于設(shè)置是否關(guān)閉高亮狀態(tài)。關(guān)閉高亮狀態(tài)可以在鼠標(biāo)移到圖形上,tooltip觸發(fā),或者圖例聯(lián)動(dòng)的時(shí)候不再觸發(fā)高亮效果。在圖形非常多的時(shí)候可以關(guān)閉以提升交互流暢性。◆series-line.emphasis.scale=trueboolean或number類型,從v5.0.0開始支持,是否開啟hover在拐點(diǎn)標(biāo)志上的放大效果。從5.3.2版本開始支持number,用以設(shè)置高亮放大倍數(shù),默認(rèn)放大1.1倍?!魋eries-line.emphasis.focus='none'string類型,從v5.0.0開始支持,在高亮圖形時(shí),是否淡出其它數(shù)據(jù)的圖形已達(dá)到聚焦的效果。支持如下配置:①'none'不淡出其它圖形,默認(rèn)使用該配置。②'self'只聚焦(不淡出)當(dāng)前高亮的數(shù)據(jù)的圖形。③'series'聚焦當(dāng)前高亮的數(shù)據(jù)所在的系列的所有圖形。示例代碼:下面代碼配置了柱狀圖在高亮一個(gè)圖形的時(shí)候,淡出當(dāng)前直角坐標(biāo)系所有其它的系列。emphasis:{focus:'series',blurScope:'coordinateSystem'}◆series-line.emphasis.blurScope='coordinateSystem'string類型,從v5.0.0開始支持,在開啟focus的時(shí)候,可以通過blurScope配置淡出的范圍。支持如下配置①'coordinateSystem'淡出范圍為坐標(biāo)系,默認(rèn)使用該配置。②'series'淡出范圍為系列。③'global'淡出范圍為全局?!魋eries-line.emphasis.labelObject類型?!魋eries-line.emphasis.labelLineObject類型,從v5.0.0開始支持,用于標(biāo)簽的視覺引導(dǎo)線配置。◆series-line.emphasis.itemStyleObject類型?!魋eries-line.emphasis.lineStyleObject類型?!魋eries-line.emphasis.areaStyleObject類型?!魋eries-line.emphasis.endLabelObject類型,從v5.0.0開始支持?!魋eries-line.blurObject類型,從v5.0.0開始支持,用于設(shè)置折線圖的淡出狀態(tài)。開啟emphasis.focus后有效。◆series-line.blur.labelObject類型?!魋eries-line.blur.labelLineObject類型,從v5.0.0開始支持,用于設(shè)置標(biāo)簽的視覺引導(dǎo)線配置?!魋eries-line.blur.itemStyleObject類型。◆series-line.blur.lineStyleObject類型。◆series-line.blur.areaStyleObject類型?!魋eries-line.blur.endLabelObject類型。(29)series-line.selectObject類型,從v5.0.0開始支持,用于設(shè)置折線圖的選中狀態(tài)。開啟selectedMode后有效?!魋eries-line.select.disabledboolean類型,從v5.3.0開始支持,用于設(shè)置是否可以被選中。在開啟selectedMode的時(shí)候有效,可以用于關(guān)閉部分?jǐn)?shù)據(jù)?!魋eries-line.select.labelObject類型?!魋eries-line.select.labelLineObject類型,從v5.0.0開始支持,用于設(shè)置標(biāo)簽的視覺引導(dǎo)線配置?!魋eries-line.select.itemStyleObject類型?!魋eries-line.select.lineStyleObject類型?!魋eries-line.select.areaStyleObject類型。◆series-line.select.endLabelObject類型。(30)series-line.selectedModeboolean或string類型,從v5.0.0開始支持,用于設(shè)置選中模式的配置,表示是否支持多個(gè)選中,默認(rèn)關(guān)閉,支持布爾值和字符串,字符串取值可選'single'、'multiple'、'series'分別表示單選,多選以及選擇整個(gè)系列。從v5.3.0開始支持'series'。(31)series-line.smoothboolean或number類型,用于設(shè)置是否平滑曲線顯示。如果是boolean類型,則表示是否開啟平滑處理。如果是number類型(取值范圍0到1),表示平滑程度,越小表示越接近折線段,反之則反。設(shè)為true時(shí)相當(dāng)于設(shè)為0.5。(32)series-line.smoothMonotonestring類型,用于設(shè)置折線平滑后是否在一個(gè)維度上保持單調(diào)性,可以設(shè)置成'x'、'y'來指明是在x軸或者y軸上保持單調(diào)性。通常在雙數(shù)值軸上使用。(33)series-line.samplingstring類型,用于設(shè)置折線圖在數(shù)據(jù)量遠(yuǎn)大于像素點(diǎn)時(shí)候的降采樣策略,開啟后可以有效的優(yōu)化圖表的繪制效率,默認(rèn)關(guān)閉,也就是全部繪制不過濾數(shù)據(jù)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 印刷電商平臺(tái)個(gè)性化廣告投放策略分析考核試卷
- 云計(jì)算在智能城市建設(shè)的應(yīng)用案例研究考核試卷
- 太陽能光伏電池光學(xué)成像系統(tǒng)在缺陷檢測中的應(yīng)用研究考核試卷
- 遼寧省沈陽市五校協(xié)作體2024-2025學(xué)年高二年級(jí)上冊(cè)期末考試化學(xué)試題(解析版)
- 湖南省長沙市2025年中考物理質(zhì)檢試卷(含答案)
- 2020年成人高考高起專英語閱讀理解自測
- 2025至2030年中國濃色啤酒行業(yè)市場深度評(píng)估及投資方向研究報(bào)告
- MySQL數(shù)據(jù)庫應(yīng)用實(shí)戰(zhàn)教程(慕課版)(第2版)實(shí)訓(xùn)指導(dǎo)-7-索引
- 個(gè)人廠房轉(zhuǎn)讓專用合同范本
- 海南合作建房買賣合同協(xié)議書
- 2025年預(yù)防接種技能競賽征集試題
- 中國十二碳二元酸行業(yè)調(diào)查報(bào)告
- 道路運(yùn)輸安全生產(chǎn)法律法規(guī)有哪些
- 文書起草能力培訓(xùn)課件
- 知識(shí)產(chǎn)權(quán)評(píng)估管理辦法
- (2025)社區(qū)網(wǎng)格員筆試考試題庫及答案
- ISO9001質(zhì)量管理體系管理文件
- 年度述職活動(dòng)方案
- 抗衰老培訓(xùn)課件
- 客服技能比賽活動(dòng)方案
- 跑道防侵入培訓(xùn)
評(píng)論
0/150
提交評(píng)論