Echarts系統(tǒng)項(xiàng)設(shè)置以及綜合示例1、了解系統(tǒng)項(xiàng)的常用設(shè)置1、系統(tǒng)項(xiàng)設(shè)置

2、系統(tǒng)項(xiàng)設(shè)置的常用項(xiàng)

3、綜合示例系列列表。每個(gè)系列通過(guò)type決定自己的圖表類型。其中type的類型主要用到的有：line折線圖、bar柱狀圖/條形圖、pie餅圖、scatter散點(diǎn)(氣泡)圖、effectScatter帶有漣漪特效動(dòng)畫(huà)的散點(diǎn)(氣泡)圖、radar雷達(dá)圖、tree樹(shù)圖、sunburst旭日?qǐng)D、heatmap熱力圖、map地圖、lines線圖、gauge儀表盤(pán)等。系統(tǒng)項(xiàng)設(shè)置line類型圖表進(jìn)行講解，其他類型圖表根據(jù)各自類型有各自相對(duì)的配置項(xiàng)：

type:’line’,

折線圖是用折線將各個(gè)數(shù)據(jù)點(diǎn)標(biāo)志連接起來(lái)的圖表，用于展現(xiàn)數(shù)據(jù)的變化趨勢(shì)?？捎糜谥苯亲鴺?biāo)系和極坐標(biāo)系上。設(shè)置areaStyle后可以繪制面積圖。配合分段型visualMap組件可以將折線/面積圖通過(guò)不同顏色分區(qū)間。

:string類型，系列名稱，用于tooltip的顯示，legend的圖例篩選，在setOption更新數(shù)據(jù)和配置項(xiàng)時(shí)用于指定對(duì)應(yīng)的系列。series.symbol:string,Function[default:'emptyCircle']，標(biāo)記的圖形。系統(tǒng)項(xiàng)設(shè)置常用屬性series.symbolSize:number,Array,Function[default:4],標(biāo)記的大小，可以設(shè)置成諸如10這樣單一的數(shù)字，也可以用數(shù)組分開(kāi)表示寬和高，例如[20,10]表示標(biāo)記寬為20，高為10。series.itemStyle:Object，折線拐點(diǎn)標(biāo)志的樣式。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：color、borderColor、borderWidth等。series:lineStyle:Object，線條樣式。需要注意的是：修改lineStyle中的顏色不會(huì)影響圖例顏色，如果需要圖例顏色和折線圖顏色一致，需修改itemStyle.color，線條顏色默認(rèn)也會(huì)取改顏色。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：color、width等。series.areaStyle:Object，區(qū)域填充樣式。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：color、opacity等。series.emphasis:Object，圖形的高亮樣式，其子類對(duì)象有l(wèi)abel、itemStyle，分別為標(biāo)簽配置和樣式配置。系統(tǒng)項(xiàng)設(shè)置常用屬性series.data:Object，系列中的數(shù)據(jù)內(nèi)容數(shù)組。數(shù)組項(xiàng)通常為具體的數(shù)據(jù)項(xiàng)。注意，如果系列沒(méi)有指定data，并且option有dataset，那么默認(rèn)使用第一個(gè)dataset。如果指定了data，則不會(huì)再使用dataset。當(dāng)某數(shù)據(jù)不存在時(shí)（ps：不存在不代表值為0），可以用'-'或者null或者undefined或者NaN表示。series.markPoint:Object，圖表標(biāo)注。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：symbol、symbolSize、symbolRotate、label、itemStyle、emphasis、data等。series.markLine:*，圖表標(biāo)線。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：symbol、symbolSize、label、lineStyle、emphasis、data等。series.tooltip:*，本系列特定的tooltip設(shè)定。開(kāi)發(fā)過(guò)程中經(jīng)常會(huì)使用到的詳細(xì)配置項(xiàng)有：position、formatter、backgroundColor、borderColor、borderWidth、tex