系列(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');
其它主題在 主題編輯器 里訪問到闲坎。也可以使用這個主題編輯器崭闲,自己編輯主題吝岭。下載下來的主題可以這樣使用:
如果主題保存為 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');
// ...