Echarts配置項

title標題

legend圖例

grid直角坐標系內(nèi)繪圖網(wǎng)

xAxis直角坐標系 grid 中的 x 軸

yAxis直角坐標系 grid 中的 y 軸

polar極坐標系

radiusAxis極坐標系的徑向軸

angleAxis極坐標系的角度軸

radar雷達圖坐標系組件

dataZoom區(qū)域縮放

visualMap 是視覺映射組件

tooltip提示框組件

axisPointer這是坐標軸指示器(axisPointer)的全局公用設置

toolbox工具欄叹哭。內(nèi)置有導出圖片消返,數(shù)據(jù)視圖拨扶,動態(tài)類型切換數(shù)據(jù)區(qū)域縮放抽诉,重置五個工具贪薪。

brush是區(qū)域選擇組件

geo地理坐標系組件

parallel平行坐標系介紹

parallelAxis這個組件是平行坐標系中的坐標軸

singleAxis單軸吨艇⊥降可以被應用到散點圖中展現(xiàn)一維數(shù)據(jù).

timeline提供了在多個 ECharts option 間進行切換、播放等操作的功能

graphic 是原生圖形元素組件

  1. 可以支持的圖形元素包括:
    image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,

calendar日歷坐標系組件

dataset數(shù)據(jù)集組件

aria支持無障礙富互聯(lián)網(wǎng)應用規(guī)范集的組件(WAI-ARIA)

series正八經(jīng)的圖的繪制的方法

一下不同的圖的區(qū)別都是體現(xiàn)在相同的series屬性下的type上

series-line折線/面積圖

series-bar柱狀圖

series-pie餅圖

  1. 環(huán)形圖環(huán)內(nèi)字體設置
emphasis: {
                label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'
                }
            },

series-scatter散點(氣泡)圖

series-effectScatter帶有漣漪特效動畫的散點(氣泡)圖

series-radar雷達圖

浮層圖

...
tooltip{
  trigger:"axis"  //觸發(fā)器類型
}
...
series: [
          {
            name: "事件等級",
            type: "radar",
            tooltip: {
              trigger: "item",//觸發(fā)器內(nèi)容
            },
]
...

series-tree 樹圖

series-treemap它主要用面積的方式贺奠,便于突出展現(xiàn)出『樹』的各層級中重要的節(jié)點

series-sunburst旭日圖(Sunburst)由多層的環(huán)形圖組成

series-boxplot分散情況資料的統(tǒng)計圖

中文可以稱為『箱形圖』霜旧、『盒須圖』、『盒式圖』儡率、『盒狀圖』挂据、『箱線圖』航背,是一種用作顯示一組數(shù)據(jù)分散情況資料的統(tǒng)計圖。它能顯示出一組數(shù)據(jù)的最大值棱貌、最小值、中位數(shù)箕肃、下四分位數(shù)及上四分位數(shù)婚脱。

series-candlestick K線圖

series-heatmap熱力圖

series-map地圖

series-parallel平行坐標系的系列

series-lines路徑圖

series-graph關系圖

series-sankey桑基圖

series-funnel漏斗圖

series-gauge儀表盤

series-pictorialBar象形柱圖

series-themeRiver是一種特殊的流圖, 它主要用來表示事件或主題等在一段時間內(nèi)的變化

series-custom自定義系列

darkMode是否是暗黑模式

color調(diào)色盤顏色列表勺像。如果系列沒有設置顏色障贸,則會依次循環(huán)從該列表中取顏色作為系列顏色

默認:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']

backgroundColor背景色,默認無背景

textStyle全局的字體樣式

animation是否開啟動畫

animationThreshold是否開啟動畫的閾值吟宦,當單個系列顯示的圖形數(shù)量大于這個閾值時會關閉動畫

animationDuration初始動畫的時長篮洁,支持回調(diào)函數(shù),可以通過每個數(shù)據(jù)返回不同的時長實現(xiàn)更戲劇的初始動畫效果

animationEasing初始動畫的緩動效果殃姓。不同的緩動效果可以參考 緩動示例袁波。

animationDelay初始動畫的延遲,支持回調(diào)函數(shù)蜗侈,可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的初始動畫效果篷牌。

animationDurationUpdate數(shù)據(jù)更新動畫的時長

animationEasingUpdate數(shù)據(jù)更新動畫的緩動效果

animationDelayUpdate數(shù)據(jù)更新動畫的延遲

支持回調(diào)函數(shù),可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果踏幻。

stateAnimation狀態(tài)切換的動畫配置枷颊,支持在每個系列里設置單獨針對該系列的配置。

blendMode圖形的混合模式

圖形的混合模式该面,不同的混合模式見 https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation 夭苗。

默認為 'source-over' 。 支持每個系列單獨設置隔缀。

'lighter' 也是比較常見的一種混合模式题造,該模式下圖形數(shù)量集中的區(qū)域會顏色疊加成高亮度的顏色(白色)。常常能起到突出該區(qū)域的效果猾瘸。見示例 全球飛行航線

hoverLayerThreshold圖形數(shù)量閾值晌梨,決定是否開啟單獨的 hover 層,在整個圖表的圖形數(shù)量大于該閾值時開啟單獨的 hover 層须妻。

useUTC是否使用 UTC 時間仔蝌。

options用于 timeline 的 option 數(shù)組。數(shù)組的每一項是一個 echarts option ( ECUnitOption )

media移動端自適應

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荒吏,一起剝皮案震驚了整個濱河市敛惊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌绰更,老刑警劉巖瞧挤,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件锡宋,死亡現(xiàn)場離奇詭異,居然都是意外死亡特恬,警方通過查閱死者的電腦和手機执俩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來癌刽,“玉大人役首,你說我怎么就攤上這事∠园荩” “怎么了衡奥?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長远荠。 經(jīng)常有香客問我矮固,道長,這世上最難降的妖魔是什么譬淳? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任档址,我火速辦了婚禮,結(jié)果婚禮上邻梆,老公的妹妹穿的比我還像新娘辰晕。我一直安慰自己,他們只是感情好确虱,可當我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布含友。 她就那樣靜靜地躺著,像睡著了一般校辩。 火紅的嫁衣襯著肌膚如雪窘问。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天宜咒,我揣著相機與錄音惠赫,去河邊找鬼。 笑死故黑,一個胖子當著我的面吹牛儿咱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播场晶,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼混埠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了诗轻?” 一聲冷哼從身側(cè)響起钳宪,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后吏颖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體搔体,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年半醉,在試婚紗的時候發(fā)現(xiàn)自己被綠了疚俱。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡缩多,死狀恐怖呆奕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瞧壮,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布匙握,位于F島的核電站咆槽,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏圈纺。R本人自食惡果不足惜秦忿,卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蛾娶。 院中可真熱鬧灯谣,春花似錦、人聲如沸蛔琅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽罗售。三九已至辜窑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寨躁,已是汗流浹背穆碎。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留职恳,地道東北人所禀。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像放钦,于是被迫代替她去往敵國和親色徘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容