Echarts 屬性設(shè)置

原文鏈接 https://blog.csdn.net/she_lover/article/details/51448967

theme = {?

// 全圖默認(rèn)背景?

// backgroundColor: ‘rgba(0,0,0,0)’,

// 默認(rèn)色板

color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',

? ? ? ? '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',

? ? ? ? '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',

? ? ? ? '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],

// 圖表標(biāo)題

title: {

? ? x: 'left',? ? ? ? ? ? ? ? // 水平安放位置，默認(rèn)為左對齊哄辣，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'center' | 'left' | 'right'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（x坐標(biāo)请梢，單位px）

? ? y: 'top',? ? ? ? ? ? ? ? ? // 垂直安放位置，默認(rèn)為全圖頂端力穗，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'top' | 'bottom' | 'center'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（y坐標(biāo)毅弧，單位px）

? ? //textAlign: null? ? ? ? ? // 水平對齊方式，默認(rèn)根據(jù)x設(shè)置自動調(diào)整

? ? backgroundColor: 'rgba(0,0,0,0)',

? ? borderColor: '#ccc',? ? ? // 標(biāo)題邊框顏色

? ? borderWidth: 0,? ? ? ? ? ? // 標(biāo)題邊框線寬当窗，單位px形真，默認(rèn)為0（無邊框）

? ? padding: 5,? ? ? ? ? ? ? ? // 標(biāo)題內(nèi)邊距，單位px超全，默認(rèn)各方向內(nèi)邊距為5，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 接受數(shù)組分別設(shè)定上右下左邊距邓馒，同css

? ? itemGap: 10,? ? ? ? ? ? ? // 主副標(biāo)題縱向間隔嘶朱，單位px，默認(rèn)為10光酣，

? ? textStyle: {

? ? ? ? fontSize: 18,

? ? ? ? fontWeight: 'bolder',

? ? ? ? color: '#333'? ? ? ? ? // 主標(biāo)題文字顏色

? ? },

? ? subtextStyle: {

? ? ? ? color: '#aaa'? ? ? ? ? // 副標(biāo)題文字顏色

? ? }

// 圖例

legend: {

? ? orient: 'horizontal',? ? ? // 布局方式疏遏，默認(rèn)為水平布局，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'horizontal' | 'vertical'

? ? x: 'center',? ? ? ? ? ? ? // 水平安放位置，默認(rèn)為全圖居中财异，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'center' | 'left' | 'right'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（x坐標(biāo)倘零，單位px）

? ? y: 'top',? ? ? ? ? ? ? ? ? // 垂直安放位置，默認(rèn)為全圖頂端戳寸，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'top' | 'bottom' | 'center'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（y坐標(biāo)呈驶，單位px）

? ? backgroundColor: 'rgba(0,0,0,0)',

? ? borderColor: '#ccc',? ? ? // 圖例邊框顏色

? ? borderWidth: 0,? ? ? ? ? ? // 圖例邊框線寬，單位px疫鹊，默認(rèn)為0（無邊框）

? ? padding: 5,? ? ? ? ? ? ? ? // 圖例內(nèi)邊距袖瞻，單位px，默認(rèn)各方向內(nèi)邊距為5拆吆，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 接受數(shù)組分別設(shè)定上右下左邊距聋迎，同css

? ? itemGap: 10,? ? ? ? ? ? ? // 各個item之間的間隔，單位px枣耀，默認(rèn)為10霉晕，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 橫向布局時為水平間隔，縱向布局時為縱向間隔

? ? itemWidth: 20,? ? ? ? ? ? // 圖例圖形寬度

? ? itemHeight: 14,? ? ? ? ? ? // 圖例圖形高度

? ? textStyle: {

? ? ? ? color: '#333'? ? ? ? ? // 圖例文字顏色

? ? }

// 值域

dataRange: {

? ? orient: 'vertical',? ? ? ? // 布局方式捞奕，默認(rèn)為垂直布局牺堰，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'horizontal' | 'vertical'

? ? x: 'left',? ? ? ? ? ? ? ? // 水平安放位置，默認(rèn)為全圖左對齊缝彬，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'center' | 'left' | 'right'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（x坐標(biāo)萌焰，單位px）

? ? y: 'bottom',? ? ? ? ? ? ? // 垂直安放位置，默認(rèn)為全圖底部谷浅，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'top' | 'bottom' | 'center'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（y坐標(biāo)扒俯，單位px）

? ? backgroundColor: 'rgba(0,0,0,0)',

? ? borderColor: '#ccc',? ? ? // 值域邊框顏色

? ? borderWidth: 0,? ? ? ? ? ? // 值域邊框線寬，單位px一疯，默認(rèn)為0（無邊框）

? ? padding: 5,? ? ? ? ? ? ? ? // 值域內(nèi)邊距撼玄，單位px，默認(rèn)各方向內(nèi)邊距為5墩邀，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 接受數(shù)組分別設(shè)定上右下左邊距掌猛，同css

? ? itemGap: 10,? ? ? ? ? ? ? // 各個item之間的間隔，單位px眉睹，默認(rèn)為10荔茬，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 橫向布局時為水平間隔，縱向布局時為縱向間隔

? ? itemWidth: 20,? ? ? ? ? ? // 值域圖形寬度竹海，線性漸變水平布局寬度為該值 * 10

? ? itemHeight: 14,? ? ? ? ? ? // 值域圖形高度慕蔚，線性漸變垂直布局高度為該值 * 10

? ? splitNumber: 5,? ? ? ? ? ? // 分割段數(shù)，默認(rèn)為5斋配，為0時為線性漸變

? ? color:['#1e90ff','#f0ffff'],//顏色

? ? //text:['高','低'],? ? ? ? // 文本孔飒，默認(rèn)為數(shù)值文本

? ? textStyle: {

? ? ? ? color: '#333'? ? ? ? ? // 值域文字顏色

? ? }

toolbox: {

? ? orient: 'horizontal',? ? ? // 布局方式灌闺，默認(rèn)為水平布局，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'horizontal' | 'vertical'

? ? x: 'right',? ? ? ? ? ? ? ? // 水平安放位置坏瞄，默認(rèn)為全圖右對齊桂对，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'center' | 'left' | 'right'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（x坐標(biāo)，單位px）

? ? y: 'top',? ? ? ? ? ? ? ? ? // 垂直安放位置鸠匀，默認(rèn)為全圖頂端蕉斜，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'top' | 'bottom' | 'center'

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // | {number}（y坐標(biāo)，單位px）

? ? color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],

? ? backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景顏色

? ? borderColor: '#ccc',? ? ? // 工具箱邊框顏色

? ? borderWidth: 0,? ? ? ? ? ? // 工具箱邊框線寬狮崩，單位px蛛勉，默認(rèn)為0（無邊框）

? ? padding: 5,? ? ? ? ? ? ? ? // 工具箱內(nèi)邊距，單位px睦柴，默認(rèn)各方向內(nèi)邊距為5诽凌，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 接受數(shù)組分別設(shè)定上右下左邊距，同css

? ? itemGap: 10,? ? ? ? ? ? ? // 各個item之間的間隔坦敌，單位px侣诵，默認(rèn)為10，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 橫向布局時為水平間隔狱窘，縱向布局時為縱向間隔

? ? itemSize: 16,? ? ? ? ? ? ? // 工具箱圖形寬度

? ? featureImageIcon : {},? ? // 自定義圖片icon

? ? featureTitle : {

? ? ? ? mark : '輔助線開關(guān)',

? ? ? ? markUndo : '刪除輔助線',

? ? ? ? markClear : '清空輔助線',

? ? ? ? dataZoom : '區(qū)域縮放',

? ? ? ? dataZoomReset : '區(qū)域縮放后退',

? ? ? ? dataView : '數(shù)據(jù)視圖',

? ? ? ? lineChart : '折線圖切換',

? ? ? ? barChart : '柱形圖切換',

? ? ? ? restore : '還原',

? ? ? ? saveAsImage : '保存為圖片'

? ? }

// 提示框

tooltip: {

? ? trigger: 'item',? ? ? ? ? // 觸發(fā)類型杜顺，默認(rèn)數(shù)據(jù)觸發(fā)，見下圖蘸炸，可選為：'item' | 'axis'

? ? showDelay: 20,? ? ? ? ? ? // 顯示延遲躬络，添加顯示延遲可以避免頻繁切換，單位ms

? ? hideDelay: 100,? ? ? ? ? ? // 隱藏延遲搭儒，單位ms

? ? transitionDuration : 0.4,? // 動畫變換時間穷当，單位s

? ? backgroundColor: 'rgba(0,0,0,0.7)',? ? // 提示背景顏色，默認(rèn)為透明度為0.7的黑色

? ? borderColor: '#333',? ? ? // 提示邊框顏色

? ? borderRadius: 4,? ? ? ? ? // 提示邊框圓角淹禾，單位px馁菜，默認(rèn)為4

? ? borderWidth: 0,? ? ? ? ? ? // 提示邊框線寬，單位px铃岔，默認(rèn)為0（無邊框）

? ? padding: 5,? ? ? ? ? ? ? ? // 提示內(nèi)邊距汪疮，單位px，默認(rèn)各方向內(nèi)邊距為5毁习，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 接受數(shù)組分別設(shè)定上右下左邊距智嚷，同css

? ? axisPointer : {? ? ? ? ? ? // 坐標(biāo)軸指示器，坐標(biāo)軸觸發(fā)有效

? ? ? ? type : 'line',? ? ? ? // 默認(rèn)為直線纺且，可選為：'line' | 'shadow'

? ? ? ? lineStyle : {? ? ? ? ? // 直線指示器樣式設(shè)置

? ? ? ? ? ? color: '#48b',

? ? ? ? ? ? width: 2,

? ? ? ? ? ? type: 'solid'

? ? ? ? },

? ? ? ? shadowStyle : {? ? ? ? ? ? ? ? ? ? ? // 陰影指示器樣式設(shè)置

? ? ? ? ? ? width: 'auto',? ? ? ? ? ? ? ? ? // 陰影大小

? ? ? ? ? ? color: 'rgba(150,150,150,0.3)'? // 陰影顏色

? ? ? ? }

? ? },

? ? textStyle: {

? ? ? ? color: '#fff'

? ? }

// 區(qū)域縮放控制器

dataZoom: {

? ? orient: 'horizontal',? ? ? // 布局方式纤勒，默認(rèn)為水平布局，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 'horizontal' | 'vertical'

? ? // x: {number},? ? ? ? ? ? // 水平安放位置隆檀，默認(rèn)為根據(jù)grid參數(shù)適配，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // {number}（x坐標(biāo)，單位px）

? ? // y: {number},? ? ? ? ? ? // 垂直安放位置恐仑，默認(rèn)為根據(jù)grid參數(shù)適配泉坐，可選為：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // {number}（y坐標(biāo)，單位px）

? ? // width: {number},? ? ? ? // 指定寬度裳仆，橫向布局時默認(rèn)為根據(jù)grid參數(shù)適配

? ? // height: {number},? ? ? // 指定高度腕让，縱向布局時默認(rèn)為根據(jù)grid參數(shù)適配

? ? backgroundColor: 'rgba(0,0,0,0)',? ? ? // 背景顏色

? ? dataBackgroundColor: '#eee',? ? ? ? ? ? // 數(shù)據(jù)背景顏色

? ? fillerColor: 'rgba(144,197,237,0.2)',? // 填充顏色

? ? handleColor: 'rgba(70,130,180,0.8)'? ? // 手柄顏色

// 網(wǎng)格

grid: {

? ? x: 80,

? ? y: 60,

? ? x2: 80,

? ? y2: 60,

? ? // width: {totalWidth} - x - x2,

? ? // height: {totalHeight} - y - y2,

? ? backgroundColor: 'rgba(0,0,0,0)',

? ? borderWidth: 1,

? ? borderColor: '#ccc'

// 類目軸

categoryAxis: {

? ? position: 'bottom',? ? // 位置

? ? nameLocation: 'end',? // 坐標(biāo)軸名字位置，支持'start' | 'end'

? ? boundaryGap: true,? ? // 類目起始和結(jié)束兩端空白策略

? ? axisLine: {? ? ? ? ? ? // 坐標(biāo)軸線

? ? ? ? show: true,? ? ? ? // 默認(rèn)顯示歧斟，屬性show控制顯示與否

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle控制線條樣式

? ? ? ? ? ? color: '#48b',

? ? ? ? ? ? width: 2,

? ? ? ? ? ? type: 'solid'

? ? ? ? }

? ? },

? ? axisTick: {? ? ? ? ? ? // 坐標(biāo)軸小標(biāo)記

? ? ? ? show: true,? ? ? // 屬性show控制顯示與否纯丸，默認(rèn)不顯示

? ? ? ? interval: 'auto',

? ? ? ? // onGap: null,

? ? ? ? inside : false,? ? // 控制小標(biāo)記是否在grid里

? ? ? ? length :5,? ? ? ? // 屬性length控制線長

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle控制線條樣式

? ? ? ? ? ? color: '#333',

? ? ? ? ? ? width: 1

? ? ? ? }

? ? },

? ? axisLabel: {? ? ? ? ? // 坐標(biāo)軸文本標(biāo)簽，詳見axis.axisLabel

? ? ? ? show: true,

? ? ? ? interval: 'auto',

? ? ? ? rotate: 0,

? ? ? ? margin: 8,

? ? ? ? // formatter: null,

? ? ? ? textStyle: {? ? ? // 其余屬性默認(rèn)使用全局文本樣式静袖，詳見TEXTSTYLE

? ? ? ? ? ? color: '#333'

? ? ? ? }

? ? },

? ? splitLine: {? ? ? ? ? // 分隔線

? ? ? ? show: true,? ? ? ? // 默認(rèn)顯示觉鼻，屬性show控制顯示與否

? ? ? ? // onGap: null,

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle（詳見lineStyle）控制線條樣式

? ? ? ? ? ? color: ['#ccc'],

? ? ? ? ? ? width: 1,

? ? ? ? ? ? type: 'solid'

? ? ? ? }

? ? },

? ? splitArea: {? ? ? ? ? // 分隔區(qū)域

? ? ? ? show: false,? ? ? // 默認(rèn)不顯示，屬性show控制顯示與否

? ? ? ? // onGap: null,

? ? ? ? areaStyle: {? ? ? // 屬性areaStyle（詳見areaStyle）控制區(qū)域樣式

? ? ? ? ? ? color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

? ? ? ? }

? ? }

// 數(shù)值型坐標(biāo)軸默認(rèn)參數(shù)

valueAxis: {

? ? position: 'left',? ? ? // 位置

? ? nameLocation: 'end',? // 坐標(biāo)軸名字位置队橙，支持'start' | 'end'

? ? nameTextStyle: {},? ? // 坐標(biāo)軸文字樣式坠陈，默認(rèn)取全局樣式

? ? boundaryGap: [0, 0],? // 數(shù)值起始和結(jié)束兩端空白策略

? ? splitNumber: 5,? ? ? ? // 分割段數(shù)，默認(rèn)為5

? ? axisLine: {? ? ? ? ? ? // 坐標(biāo)軸線

? ? ? ? show: true,? ? ? ? // 默認(rèn)顯示捐康，屬性show控制顯示與否

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle控制線條樣式

? ? ? ? ? ? color: '#48b',

? ? ? ? ? ? width: 2,

? ? ? ? ? ? type: 'solid'

? ? ? ? }

? ? },

? ? axisTick: {? ? ? ? ? ? // 坐標(biāo)軸小標(biāo)記

? ? ? ? show: false,? ? ? // 屬性show控制顯示與否仇矾，默認(rèn)不顯示

? ? ? ? inside : false,? ? // 控制小標(biāo)記是否在grid里

? ? ? ? length :5,? ? ? ? // 屬性length控制線長

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle控制線條樣式

? ? ? ? ? ? color: '#333',

? ? ? ? ? ? width: 1

? ? ? ? }

? ? },

? ? axisLabel: {? ? ? ? ? // 坐標(biāo)軸文本標(biāo)簽，詳見axis.axisLabel

? ? ? ? show: true,

? ? ? ? rotate: 0,

? ? ? ? margin: 8,

? ? ? ? // formatter: null,

? ? ? ? textStyle: {? ? ? // 其余屬性默認(rèn)使用全局文本樣式解总，詳見TEXTSTYLE

? ? ? ? ? ? color: '#333'

? ? ? ? }

? ? },

? ? splitLine: {? ? ? ? ? // 分隔線

? ? ? ? show: true,? ? ? ? // 默認(rèn)顯示贮匕，屬性show控制顯示與否

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle（詳見lineStyle）控制線條樣式

? ? ? ? ? ? color: ['#ccc'],

? ? ? ? ? ? width: 1,

? ? ? ? ? ? type: 'solid'

? ? ? ? }

? ? },

? ? splitArea: {? ? ? ? ? // 分隔區(qū)域

? ? ? ? show: false,? ? ? // 默認(rèn)不顯示，屬性show控制顯示與否

? ? ? ? areaStyle: {? ? ? // 屬性areaStyle（詳見areaStyle）控制區(qū)域樣式

? ? ? ? ? ? color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

? ? ? ? }

? ? }

polar : {

? ? center : ['50%', '50%'],? ? // 默認(rèn)全局居中

? ? radius : '75%',

? ? startAngle : 90,

? ? splitNumber : 5,

? ? name : {

? ? ? ? show: true,

? ? ? ? textStyle: {? ? ? // 其余屬性默認(rèn)使用全局文本樣式花枫，詳見TEXTSTYLE

? ? ? ? ? ? color: '#333'

? ? ? ? }

? ? },

? ? axisLine: {? ? ? ? ? ? // 坐標(biāo)軸線

? ? ? ? show: true,? ? ? ? // 默認(rèn)顯示刻盐，屬性show控制顯示與否

? ? ? ? lineStyle: {? ? ? // 屬性lineStyle控制線條樣式

? ? ? ? ? ? color: '#ccc',

? ? ? ? ? ? width: 1,

? ? ? ? ? ? type: 'solid'

? ? ? ? }

? ? },

? ? axisLabel: {? ? ? ? ? // 坐標(biāo)軸文本標(biāo)簽，詳見axis.axisLabel

? ? ? ? show: false,

? ? ? ? textStyle: {? ? ? // 其余屬性默認(rèn)使用全局文本樣式乌昔，詳見TEXTSTYLE

? ? ? ? ? ? color: '#333'

? ? ? ? }

? ? },

? ? splitArea : {

? ? ? ? show : true,

? ? ? ? areaStyle : {

? ? ? ? ? ? color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

? ? ? ? }

? ? },

? ? splitLine : {

? ? ? ? show : true,

? ? ? ? lineStyle : {

? ? ? ? ? ? width : 1,

? ? ? ? ? ? color : '#ccc'

? ? ? ? }

? ? }

// 柱形圖默認(rèn)參數(shù)

bar: {

? ? barMinHeight: 0,? ? ? ? ? // 最小高度改為0

? ? // barWidth: null,? ? ? ? // 默認(rèn)自適應(yīng)

? ? barGap: '30%',? ? ? ? ? ? // 柱間距離隙疚，默認(rèn)為柱形寬度的30%，可設(shè)固定值

? ? barCategoryGap : '20%',? // 類目間柱形距離磕道，默認(rèn)為類目間距的20%供屉，可設(shè)固定值

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: '各異',

? ? ? ? ? ? barBorderColor: '#fff',? ? ? // 柱條邊線

? ? ? ? ? ? barBorderRadius: 0,? ? ? ? ? // 柱條邊線圓角，單位px溺蕉，默認(rèn)為0

? ? ? ? ? ? barBorderWidth: 1,? ? ? ? ? ? // 柱條邊線線寬伶丐，單位px，默認(rèn)為1

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)疯特，水平布局為'top'哗魂，垂直布局為'right'，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: '各異',

? ? ? ? ? ? barBorderColor: 'rgba(0,0,0,0)',? // 柱條邊線

? ? ? ? ? ? barBorderRadius: 0,? ? ? ? ? ? ? ? // 柱條邊線圓角州弟，單位px，默認(rèn)為0

? ? ? ? ? ? barBorderWidth: 1,? ? ? ? ? ? ? ? // 柱條邊線線寬齿兔，單位px组题，默認(rèn)為1

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)葫男，水平布局為'top'，垂直布局為'right'崔列，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式梢褐，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? }

? ? }

// 折線圖默認(rèn)參數(shù)

line: {

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)，水平布局為'top'赵讯，垂直布局為'right'盈咳，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? width: 2,

? ? ? ? ? ? ? ? type: 'solid',

? ? ? ? ? ? ? ? shadowColor : 'rgba(0,0,0,0)', //默認(rèn)透明

? ? ? ? ? ? ? ? shadowBlur: 5,

? ? ? ? ? ? ? ? shadowOffsetX: 3,

? ? ? ? ? ? ? ? shadowOffsetY: 3

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)边翼，水平布局為'top'鱼响，垂直布局為'right'，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式讯私，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? }

? ? },

? ? //smooth : false,

? ? //symbol: null,? ? ? ? // 拐點(diǎn)圖形類型

? ? symbolSize: 2,? ? ? ? ? // 拐點(diǎn)圖形大小

? ? //symbolRotate : null,? // 拐點(diǎn)圖形旋轉(zhuǎn)控制

? ? showAllSymbol: false? ? // 標(biāo)志圖形默認(rèn)只有主軸顯示（隨主軸標(biāo)簽間隔隱藏策略）

// K線圖默認(rèn)參數(shù)

k: {

? ? // barWidth : null? ? ? ? ? // 默認(rèn)自適應(yīng)

? ? // barMaxWidth : null? ? ? // 默認(rèn)自適應(yīng)

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? color: '#fff',? ? ? ? ? // 陽線填充顏色

? ? ? ? ? ? color0: '#00aa11',? ? ? // 陰線填充顏色

? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? width: 1,

? ? ? ? ? ? ? ? color: '#ff3200',? // 陽線邊框顏色

? ? ? ? ? ? ? ? color0: '#00aa11'? // 陰線邊框顏色

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? // color0: 各異

? ? ? ? }

? ? }

// 散點(diǎn)圖默認(rèn)參數(shù)

scatter: {

? ? //symbol: null,? ? ? // 圖形類型

? ? symbolSize: 4,? ? ? // 圖形大小热押，半寬（半徑）參數(shù)，當(dāng)圖形為方向或菱形則總寬度為symbolSize * 2

? ? //symbolRotate : null,? // 圖形旋轉(zhuǎn)控制

? ? large: false,? ? ? ? // 大規(guī)模散點(diǎn)圖

? ? largeThreshold: 2000,// 大規(guī)模閥值斤寇，large為true且數(shù)據(jù)量>largeThreshold才啟用大規(guī)模模式

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)桶癣，水平布局為'top'，垂直布局為'right'娘锁，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式牙寞，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: '各異'

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 默認(rèn)自適應(yīng)，水平布局為'top'莫秆，垂直布局為'right'间雀，可選為

? ? ? ? ? ? ? ? //? ? ? ? ? 'inside'|'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? }

? ? }

// 雷達(dá)圖默認(rèn)參數(shù)

radar : {

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? },

? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? width: 2,

? ? ? ? ? ? ? ? type: 'solid'

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? }

? ? ? ? }

? ? },

? ? //symbol: null,? ? ? ? // 拐點(diǎn)圖形類型

? ? symbolSize: 2? ? ? ? ? // 可計算特性參數(shù)镊屎，空數(shù)據(jù)拖拽提示圖形大小

? ? //symbolRotate : null,? // 圖形旋轉(zhuǎn)控制

// 餅圖默認(rèn)參數(shù)

pie: {

? ? center : ['50%', '50%'],? ? // 默認(rèn)全局居中

? ? radius : [0, '75%'],

? ? clockWise : false,? ? ? ? ? // 默認(rèn)逆時針

? ? startAngle: 90,

? ? minAngle: 0,? ? ? ? ? ? ? ? // 最小角度改為0

? ? selectedOffset: 10,? ? ? ? // 選中是扇區(qū)偏移量

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? borderColor: '#fff',

? ? ? ? ? ? borderWidth: 1,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: true,

? ? ? ? ? ? ? ? position: 'outer'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式惹挟，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? labelLine: {

? ? ? ? ? ? ? ? show: true,

? ? ? ? ? ? ? ? length: 20,

? ? ? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? ? ? ? ? width: 1,

? ? ? ? ? ? ? ? ? ? type: 'solid'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? borderColor: 'rgba(0,0,0,0)',

? ? ? ? ? ? borderWidth: 1,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 'outer'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? labelLine: {

? ? ? ? ? ? ? ? show: false,

? ? ? ? ? ? ? ? length: 20,

? ? ? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? ? ? ? ? width: 1,

? ? ? ? ? ? ? ? ? ? type: 'solid'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

? ? }

map: {

? ? mapType: 'china',? // 各省的mapType暫時都用中文

? ? mapLocation: {

? ? ? ? x : 'center',

? ? ? ? y : 'center'

? ? ? ? // width? ? // 自適應(yīng)

? ? ? ? // height? // 自適應(yīng)

? ? },

? ? showLegendSymbol : true,? ? ? // 顯示圖例顏色標(biāo)識（系列標(biāo)識的小圓點(diǎn)）缝驳，存在legend時生效

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? borderColor: '#fff',

? ? ? ? ? ? borderWidth: 1,

? ? ? ? ? ? areaStyle: {

? ? ? ? ? ? ? ? color: '#ccc'//rgba(135,206,250,0.8)

? ? ? ? ? ? },

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false,

? ? ? ? ? ? ? ? textStyle: {

? ? ? ? ? ? ? ? ? ? color: 'rgba(139,69,19,1)'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {? ? ? ? ? ? ? ? // 也是選中樣式

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? borderColor: 'rgba(0,0,0,0)',

? ? ? ? ? ? borderWidth: 1,

? ? ? ? ? ? areaStyle: {

? ? ? ? ? ? ? ? color: 'rgba(255,215,0,0.8)'

? ? ? ? ? ? },

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false,

? ? ? ? ? ? ? ? textStyle: {

? ? ? ? ? ? ? ? ? ? color: 'rgba(139,69,19,1)'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

? ? }

force : {

? ? // 數(shù)據(jù)map到圓的半徑的最小值和最大值

? ? minRadius : 10,

? ? maxRadius : 20,

? ? density : 1.0,

? ? attractiveness : 1.0,

? ? // 初始化的隨機(jī)大小位置

? ? initSize : 300,

? ? // 向心力因子连锯，越大向心力越大

? ? centripetal : 1,

? ? // 冷卻因子

? ? coolDown : 0.99,

? ? // 分類里如果有樣式會覆蓋節(jié)點(diǎn)默認(rèn)樣式

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? nodeStyle : {

? ? ? ? ? ? ? ? brushType : 'both',

? ? ? ? ? ? ? ? color : '#f08c2e',

? ? ? ? ? ? ? ? strokeColor : '#5182ab'

? ? ? ? ? ? },

? ? ? ? ? ? linkStyle : {

? ? ? ? ? ? ? ? strokeColor : '#5182ab'

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異,

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式用狱，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? nodeStyle : {},

? ? ? ? ? ? linkStyle : {}

? ? ? ? }

? ? }

chord : {

? ? radius : ['65%', '75%'],

? ? center : ['50%', '50%'],

? ? padding : 2,

? ? sort : 'none', // can be 'none', 'ascending', 'descending'

? ? sortSub : 'none', // can be 'none', 'ascending', 'descending'

? ? startAngle : 90,

? ? clockWise : false,

? ? showScale : false,

? ? showScaleText : false,

? ? itemStyle : {

? ? ? ? normal : {

? ? ? ? ? ? label : {

? ? ? ? ? ? ? ? show : true

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式运怖，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? lineStyle : {

? ? ? ? ? ? ? ? width : 0,

? ? ? ? ? ? ? ? color : '#000'

? ? ? ? ? ? },

? ? ? ? ? ? chordStyle : {

? ? ? ? ? ? ? ? lineStyle : {

? ? ? ? ? ? ? ? ? ? width : 1,

? ? ? ? ? ? ? ? ? ? color : '#666'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis : {

? ? ? ? ? ? lineStyle : {

? ? ? ? ? ? ? ? width : 0,

? ? ? ? ? ? ? ? color : '#000'

? ? ? ? ? ? },

? ? ? ? ? ? chordStyle : {

? ? ? ? ? ? ? ? lineStyle : {

? ? ? ? ? ? ? ? ? ? width : 2,

? ? ? ? ? ? ? ? ? ? color : '#333'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

? ? }

island: {

? ? r: 15,

? ? calculateStep: 0.1? // 滾輪可計算步長 0.1 = 10%

markPoint : {

? ? symbol: 'pin',? ? ? ? // 標(biāo)注類型

? ? symbolSize: 10,? ? ? ? // 標(biāo)注大小，半寬（半徑）參數(shù)夏伊，當(dāng)圖形為方向或菱形則總寬度為symbolSize * 2

? ? //symbolRotate : null, // 標(biāo)注旋轉(zhuǎn)控制

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異摇展，

? ? ? ? ? ? // borderColor: 各異,? ? // 標(biāo)注邊線顏色，優(yōu)先于color

? ? ? ? ? ? borderWidth: 2,? ? ? ? ? ? // 標(biāo)注邊線線寬溺忧，單位px咏连，默認(rèn)為1

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: true,

? ? ? ? ? ? ? ? position: 'inside' // 可選為'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? ? // 默認(rèn)使用全局文本樣式盯孙，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: true

? ? ? ? ? ? ? ? // position: 'inside'? // 'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? // 默認(rèn)使用全局文本樣式，詳見TEXTSTYLE

? ? ? ? ? ? }

? ? ? ? }

? ? }

markLine : {

? ? // 標(biāo)線起始和結(jié)束的symbol介紹類型祟滴，如果都一樣镀梭，可以直接傳string

? ? symbol: ['circle', 'arrow'],?

? ? // 標(biāo)線起始和結(jié)束的symbol大小，半寬（半徑）參數(shù)踱启，當(dāng)圖形為方向或菱形則總寬度為symbolSize * 2

? ? symbolSize: [2, 4],

? ? // 標(biāo)線起始和結(jié)束的symbol旋轉(zhuǎn)控制

? ? //symbolRotate : null,

? ? itemStyle: {

? ? ? ? normal: {

? ? ? ? ? ? // color: 各異,? ? ? ? ? // 標(biāo)線主色，線色研底，symbol主色

? ? ? ? ? ? // borderColor: 隨color,? ? // 標(biāo)線symbol邊框顏色埠偿，優(yōu)先于color

? ? ? ? ? ? borderWidth: 2,? ? ? ? ? // 標(biāo)線symbol邊框線寬，單位px榜晦，默認(rèn)為2

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false,

? ? ? ? ? ? ? ? position: 'inside',?

? ? ? ? ? ? ? ? textStyle: {? ? ? ? // 默認(rèn)使用全局文本樣式冠蒋，詳見TEXTSTYLE

? ? ? ? ? ? ? ? ? ? color: '#333'

? ? ? ? ? ? ? ? }

? ? ? ? ? ? },

? ? ? ? ? ? lineStyle: {

? ? ? ? ? ? ? ? // color: 隨borderColor, // 主色，線色乾胶，優(yōu)先級高于borderColor和color

? ? ? ? ? ? ? ? // width: 隨borderWidth, // 優(yōu)先于borderWidth

? ? ? ? ? ? ? ? type: 'solid',

? ? ? ? ? ? ? ? shadowColor : 'rgba(0,0,0,0)', //默認(rèn)透明

? ? ? ? ? ? ? ? shadowBlur: 5,

? ? ? ? ? ? ? ? shadowOffsetX: 3,

? ? ? ? ? ? ? ? shadowOffsetY: 3

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? emphasis: {

? ? ? ? ? ? // color: 各異

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? show: false

? ? ? ? ? ? ? ? // position: 'inside' // 'left'|'right'|'top'|'bottom'

? ? ? ? ? ? ? ? // textStyle: null? ? // 默認(rèn)使用全局文本樣式抖剿，詳見TEXTSTYLE

? ? ? ? ? ? },

? ? ? ? ? ? lineStyle : {}

? ? ? ? }

? ? }

textStyle: {

? ? decoration: 'none',

? ? fontFamily: 'Arial, Verdana, sans-serif',

? ? fontFamily2: '微軟雅黑',? ? // IE8- 字體模糊并且不支持不同字體混排，額外指定一份

? ? fontSize: 12,

? ? fontStyle: 'normal',

? ? fontWeight: 'normal'

// 默認(rèn)標(biāo)志圖形類型列表

symbolList : [

? 'circle', 'rectangle', 'triangle', 'diamond',

? 'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'

loadingText : 'Loading...',

// 可計算特性配置识窿，孤島斩郎，提示顏色

calculable: false,? ? ? ? ? ? ? // 默認(rèn)關(guān)閉可計算特性

calculableColor: 'rgba(255,165,0,0.6)',? ? ? // 拖拽提示邊框顏色

calculableHolderColor: '#ccc', // 可計算占位提示顏色

nameConnector: ' & ',

valueConnector: ' : ',

animation: true,

animationThreshold: 2500,? ? ? // 動畫元素閥值，產(chǎn)生的圖形原素超過2500不出動畫

addDataAnimation: true,? ? ? ? // 動態(tài)數(shù)據(jù)接口是否開啟動畫效果

animationDuration: 2000,

animationEasing: 'ExponentialOut'? ? //BounceOut

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

521

522

523

524

525

526

527

528

529

530

531

532

533

534

535

536

537

538

539

540

541

542

543

544

545

546

547

548

549

550

551

552

553

554

555

556

557

558

559

560

561

562

563

564

565

566

567

568

569

570

571

572

573

574

575

576

577

578

579

580

581

582

583

584

585

586

587

588

589

590

591

592

593

594

595

596

597

598

599

600

601

602

603

604

605

606

607

608

609

610

611

612

613

614

615

616

617

618

619

620

621

622

623

624

625

626

627

628

629

630

631

632

633

634

635

636

637

638

639

640

641

642

643

644

645

646

647

648

649

650

651

652

653

654

655

656

657

658

659

660

661

662

663

664

665

666

667

668

669

670

671

672

673

674

675

676

677

678

679

680

681

682

683

684

685

686

687

688

689

690

691

692

693

694

695

696

697

698

699

700

701

702

703

704

705

706

707

708

709

710

711

712

713

714

715

716

717

718

719

720

721

722

723

724

725

726

727

728

729

730

731

732

733

734

}