ECharts圖標類庫學習筆記總計

echarts參數(shù)示意

系列(series)要素至少有:一組數(shù)值止喷、圖表類型(series.type)之碗、以及其他的關(guān)于這些數(shù)據(jù)如何映射成圖的參數(shù)坦刀。

系列類型(series.type)至少有:line(折線圖)虽填、bar(柱狀圖)吞彤、pie(餅圖)我衬、scatter(散點圖)、graph(關(guān)系圖)饰恕、tree(樹圖)等等類型

echarts 的使用者挠羔,使用 option 來描述其對圖表的各種需求,包括:有什么數(shù)據(jù)埋嵌、要畫什么圖表褥赊、圖表長什么樣子、含有什么組件莉恼、組件能操作什么事情等等拌喉。簡而言之,option 表述了:數(shù)據(jù)俐银、數(shù)據(jù)如何映射成圖形尿背、交互行為。

ECharts 中的樣式介紹這幾種方式捶惜,他們的功能范疇可能會有交叉(即同一種細節(jié)的效果可能可以用不同的方式實現(xiàn))田藐,但是他們各有各的場景偏好桌吃。

  • 顏色主題(Theme)
  • 調(diào)色盤
  • 直接樣式設置(itemStyle瘦材、lineStyle缤削、areaStyle圆兵、label失暴、...)
  • 視覺映射(visualMap)

顏色主題(Theme):如何引入預定義主題 + 如何自定義主題

內(nèi)置了兩套主題乱豆,分別為 'light' 和 'dark', 可以這樣使用:var chart = echarts.init(dom, 'light'/’dark');

其它主題在 主題編輯器 里訪問到闲坎。也可以使用這個主題編輯器崭闲,自己編輯主題吝岭。下載下來的主題可以這樣使用:

echarts的主題編輯器三痰,內(nèi)置了十幾種常用主圖

如果主題保存為 JSON 文件,那么可以自行加載和注冊窜管,例如:

// 假設主題名稱是 "vintage"
$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
    echarts.registerTheme('vintage', JSON.parse(themeJSON))
    var chart = echarts.init(dom, 'vintage');
});

如果保存為 UMD 格式的 JS 文件散劫,那么支持了自注冊,直接引入 JS 文件即可:

// HTML 引入 vintage.js 文件后(假設主題名稱是 "vintage")
var chart = echarts.init(dom, 'vintage');
// ...
?著作權(quán)歸作者所有,轉(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)容