theme = {
    // 全圖預設背景
    // backgroundColor: 'rgba(0,0,0,0)',

    // 預設色板
    color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
            '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
            '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],

    // 圖表標題
    title: {
        x: 'left',                 // 水平安放位置，預設為左對齊，可選為：
                                   // 'center' ¦ 'left' ¦ 'right'
                                   // ¦ {number}（x座標，單位px）
        y: 'top',                  // 垂直安放位置，預設為全圖頂端，可選為：
                                   // 'top' ¦ 'bottom' ¦ 'center'
                                   // ¦ {number}（y座標，單位px）
        //textAlign: null          // 水平對齊方式，預設根據x設定自動調整
        backgroundColor: 'rgba(0,0,0,0)',
        borderColor: '#ccc',       // 標題邊框顏色
        borderWidth: 0,            // 標題邊框線寬，單位px，預設為0（無邊框）
        padding: 5,                // 標題內邊距，單位px，預設各方向內邊距為5，
                                   // 接受陣列分別設定上右下左邊距，同css
        itemGap: 10,               // 主副標題縱向間隔，單位px，預設為10，
        textStyle: {
            fontSize: 18,
            fontWeight: 'bolder',
            color: '#333'          // 主標題文字顏色
        },
        subtextStyle: {
            color: '#aaa'          // 副標題文字顏色
        }
    },

    // 圖例
    legend: {
        orient: 'horizontal',      // 佈局方式，預設為水平佈局，可選為：
                                   // 'horizontal' ¦ 'vertical'
        x: 'center',               // 水平安放位置，預設為全圖居中，可選為：
                                   // 'center' ¦ 'left' ¦ 'right'
                                   // ¦ {number}（x座標，單位px）
        y: 'top',                  // 垂直安放位置，預設為全圖頂端，可選為：
                                   // 'top' ¦ 'bottom' ¦ 'center'
                                   // ¦ {number}（y座標，單位px）
        backgroundColor: 'rgba(0,0,0,0)',
        borderColor: '#ccc',       // 圖例邊框顏色
        borderWidth: 0,            // 圖例邊框線寬，單位px，預設為0（無邊框）
        padding: 5,                // 圖例內邊距，單位px，預設各方向內邊距為5，
                                   // 接受陣列分別設定上右下左邊距，同css
        itemGap: 10,               // 各個item之間的間隔，單位px，預設為10，
                                   // 橫向佈局時為水平間隔，縱向佈局時為縱向間隔
        itemWidth: 20,             // 圖例圖形寬度
        itemHeight: 14,            // 圖例圖形高度
        textStyle: {
            color: '#333'          // 圖例文字顏色
        }
    },

    // 值域
    dataRange: {
        orient: 'vertical',        // 佈局方式，預設為垂直佈局，可選為：
                                   // 'horizontal' ¦ 'vertical'
        x: 'left',                 // 水平安放位置，預設為全圖左對齊，可選為：
                                   // 'center' ¦ 'left' ¦ 'right'
                                   // ¦ {number}（x座標，單位px）
        y: 'bottom',               // 垂直安放位置，預設為全圖底部，可選為：
                                   // 'top' ¦ 'bottom' ¦ 'center'
                                   // ¦ {number}（y座標，單位px）
        backgroundColor: 'rgba(0,0,0,0)',
        borderColor: '#ccc',       // 值域邊框顏色
        borderWidth: 0,            // 值域邊框線寬，單位px，預設為0（無邊框）
        padding: 5,                // 值域內邊距，單位px，預設各方向內邊距為5，
                                   // 接受陣列分別設定上右下左邊距，同css
        itemGap: 10,               // 各個item之間的間隔，單位px，預設為10，
                                   // 橫向佈局時為水平間隔，縱向佈局時為縱向間隔
        itemWidth: 20,             // 值域圖形寬度，線性漸變水平佈局寬度為該值 * 10
        itemHeight: 14,            // 值域圖形高度，線性漸變垂直佈局高度為該值 * 10
        splitNumber: 5,            // 分割段數，預設為5，為0時為線性漸變
        color:['#1e90ff','#f0ffff'],//顏色 
        //text:['高','低'],         // 文字，預設為數值文字
        textStyle: {
            color: '#333'          // 值域文字顏色
        }
    },

    toolbox: {
        orient: 'horizontal',      // 佈局方式，預設為水平佈局，可選為：
                                   // 'horizontal' ¦ 'vertical'
        x: 'right',                // 水平安放位置，預設為全圖右對齊，可選為：
                                   // 'center' ¦ 'left' ¦ 'right'
                                   // ¦ {number}（x座標，單位px）
        y: 'top',                  // 垂直安放位置，預設為全圖頂端，可選為：
                                   // 'top' ¦ 'bottom' ¦ 'center'
                                   // ¦ {number}（y座標，單位px）
        color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],
        backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景顏色
        borderColor: '#ccc',       // 工具箱邊框顏色
        borderWidth: 0,            // 工具箱邊框線寬，單位px，預設為0（無邊框）
        padding: 5,                // 工具箱內邊距，單位px，預設各方向內邊距為5，
                                   // 接受陣列分別設定上右下左邊距，同css
        itemGap: 10,               // 各個item之間的間隔，單位px，預設為10，
                                   // 橫向佈局時為水平間隔，縱向佈局時為縱向間隔
        itemSize: 16,              // 工具箱圖形寬度
        featureImageIcon : {},     // 自定義圖片icon
        featureTitle : {
            mark : '輔助線開關',
            markUndo : '刪除輔助線',
            markClear : '清空輔助線',
            dataZoom : '區域縮放',
            dataZoomReset : '區域縮放後退',
            dataView : '資料檢視',
 

            lineChart :'折線圖切換',
            barChart :'柱形圖切換',
            restore :'還原',
            saveAsImage :'儲存為圖片'}},// 提示框
    tooltip:{
        trigger:'item',// 觸發型別，預設資料觸發，見下圖，可選為：'item' ¦ 'axis'
        showDelay:20,// 顯示延遲，新增顯示延遲可以避免頻繁切換，單位ms
        hideDelay:100,// 隱藏延遲，單位ms
        transitionDuration 
 
:0.4,// 動畫變換時間，單位s
        backgroundColor:'rgba(0,0,0,0.7)',// 提示背景顏色，預設為透明度為0.7的黑色
        borderColor:'#333',// 提示邊框顏色
        borderRadius:4,// 提示邊框圓角，單位px，預設為4
        borderWidth:0,// 提示邊框線寬，單位px，預設為0（無邊框）
        padding:5,// 提示內邊距，單位px，預設各方向內邊距為5，// 接受陣列分別設定上右下左邊距，同css
        axisPointer :{// 座標軸指示器，座標軸觸發有效
            type 
 
:'line',// 預設為直線，可選為：'line' | 'shadow'
            lineStyle :{// 直線指示器樣式設定
                color:'#48b',
                width:2,
                type:'solid'},
            shadowStyle :{// 陰影指示器樣式設定
                width:'auto',// 陰影大小
                color:'rgba(150,150,150,0.3)'// 陰影顏色}},
        textStyle:{
            color:'#fff'}},// 區域縮放控制器
    dataZoom:{
        orient:'horizontal',// 佈局方式，預設為水平佈局，可選為：// 'horizontal' ¦ 'vertical'// x: {number},            // 水平安放位置，預設為根據grid引數適配，可選為：// {number}（x座標，單位px）// y: {number},            // 垂直安放位置，預設為根據grid引數適配，可選為：// {number}（y座標，單位px）// width: {number},        // 指定寬度，橫向佈局時預設為根據grid引數適配// height: {number},       // 指定高度，縱向佈局時預設為根據grid引數適配
        backgroundColor:'rgba(0,0,0,0)',// 背景顏色
        dataBackgroundColor:'#eee',// 資料背景顏色
        fillerColor:'rgba(144,197,237,0.2)',// 填充顏色
        handleColor:'rgba(70,130,180,0.8)'// 手柄顏色},// 網格
    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',// 座標軸名字位置，支援'start' | 'end'
        boundaryGap:true,// 類目起始和結束兩端空白策略
        axisLine:{// 座標軸線
            show:true,// 預設顯示，屬性show控制顯示與否
            lineStyle:{// 屬性lineStyle控制線條樣式
                color:'#48b',
                width:2,
                type:'solid'}},
        axisTick:{// 座標軸小標記
            show:true,// 屬性show控制顯示與否，預設不顯示
            interval:'auto',// onGap: null,
            inside :false,// 控制小標記是否在grid裡 
            length :5,// 屬性length控制線長
            lineStyle:{// 屬性lineStyle控制線條樣式
                color:'#333',
                width:1}},
        axisLabel:{// 座標軸文字標籤，詳見axis.axisLabel
            show:true,
            interval:'auto',
            rotate:0,
            margin:8,// formatter: null,
            textStyle:{// 其餘屬性預設使用全域性文字樣式，詳見TEXTSTYLE
                color:'#333'}},
        splitLine:{// 分隔線
            show:true,// 預設顯示，屬性show控制顯示與否// onGap: null,
            lineStyle:{// 屬性lineStyle（詳見lineStyle）控制線條樣式
                color:['#ccc'],
                width:1,
                type:'solid'}},
        splitArea:{// 分隔區域
            show:false,// 預設不顯示，屬性show控制顯示與否// onGap: null,
            areaStyle:{// 屬性areaStyle（詳見areaStyle）控制區域樣式
                color:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']}}},// 數值型座標軸預設引數
    valueAxis:{
        position:'left',// 位置
        nameLocation:'end',// 座標軸名字位置，支援'start' | 'end'
        nameTextStyle:{},// 座標軸文字樣式，預設取全域性樣式
        boundaryGap:[0,0],// 數值起始和結束兩端空白策略
        splitNumber:5,// 分割段數，預設為5
        axisLine:{// 座標軸線
            show:true,// 預設顯示，屬性show控制顯示與否
            lineStyle:{// 屬性lineStyle控制線條樣式
                color:'#48b',
                width:2,
                type:'solid'}},
        axisTick:{// 座標軸小標記
            show:false,// 屬性show控制顯示與否，預設不顯示
            inside :false,// 控制小標記是否在grid裡 
            length :5,// 屬性length控制線長
            lineStyle:{// 屬性lineStyle控制線條樣式
                color:'#333',
                width:1}},
        axisLabel:{// 座標軸文字標籤，詳見axis.axisLabel
            show:true,
            rotate:0,
            margin:8,// formatter: null,
            textStyle:{// 其餘屬性預設使用全域性文字樣式，詳見TEXTSTYLE
                color:'#333'}},
        splitLine:{// 分隔線
            show:true,// 預設顯示，屬性show控制顯示與否
            lineStyle:{// 屬性lineStyle（詳見lineStyle）控制線條樣式
                color:['#ccc'],
                width:1,
                type:'solid'}},
        splitArea:{// 分隔區域
            show:false,// 預設不顯示，屬性show控制顯示與否
            areaStyle:{// 屬性areaStyle（詳見areaStyle）控制區域樣式
                color:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']}}},

    polar :{
        center :['50%','50%'],// 預設全域性居中
        radius :'75%',
        startAngle :90,
        splitNumber :5,
        name :{
            show:true,
            textStyle:{// 其餘屬性預設使用全域性文字樣式，詳見TEXTSTYLE
                color:'#333'}},
        axisLine:{// 座標軸線
            show:true,// 預設顯示，屬性show控制顯示與否
            lineStyle:{// 屬性lineStyle控制線條樣式
                color:'#ccc',
                width:1,
                type:'solid'}},
        axisLabel:{// 座標軸文字標籤，詳見axis.axisLabel
            show:false,
            textStyle:{// 其餘屬性預設使用全域性文字樣式，詳見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'}}},// 柱形圖預設引數
    bar:{
        barMinHeight:0,// 最小高度改為0// barWidth: null,        // 預設自適應
        barGap:'30%',// 柱間距離，預設為柱形寬度的30%，可設固定值
        barCategoryGap :'20%',// 類目間柱形距離，預設為類目間距的20%，可設固定值
        itemStyle:{
            normal:{// color: '各異',
                barBorderColor:'#fff',// 柱條邊線
                barBorderRadius:0,// 柱條邊線圓角，單位px，預設為0
                barBorderWidth:1,// 柱條邊線線寬，單位px，預設為1
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}},
            emphasis:{// color: '各異',
                barBorderColor:'rgba(0,0,0,0)',// 柱條邊線
                barBorderRadius:0,// 柱條邊線圓角，單位px，預設為0
                barBorderWidth:1,// 柱條邊線線寬，單位px，預設為1
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}}}},// 折線圖預設引數
    line:{
        itemStyle:{
            normal:{// color: 各異,
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE},
                lineStyle:{
                    width:2,
                    type:'solid',
                    shadowColor :'rgba(0,0,0,0)',//預設透明
                    shadowBlur:5,
                    shadowOffsetX:3,
                    shadowOffsetY:3}},
            emphasis:{// color: 各異,
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}}},//smooth : false,//symbol: null,         // 拐點圖形型別
        symbolSize:2,// 拐點圖形大小//symbolRotate : null,  // 拐點圖形旋轉控制
        showAllSymbol:false// 標誌圖形預設只有主軸顯示（隨主軸標籤間隔隱藏策略）},// K線圖預設引數
    k:{// barWidth : null          // 預設自適應// barMaxWidth : null       // 預設自適應 
        itemStyle:{
            normal:{
                color:'#fff',// 陽線填充顏色
                color0:'#00aa11',// 陰線填充顏色
                lineStyle:{
                    width:1,
                    color:'#ff3200',// 陽線邊框顏色
                    color0:'#00aa11'// 陰線邊框顏色}},
            emphasis:{// color: 各異,// color0: 各異}}},// 散點圖預設引數
    scatter:{//symbol: null,      // 圖形型別
        symbolSize:4,// 圖形大小，半寬（半徑）引數，當圖形為方向或菱形則總寬度為symbolSize * 2//symbolRotate : null,  // 圖形旋轉控制
        large:false,// 大規模散點圖
        largeThreshold:2000,// 大規模閥值，large為true且資料量>largeThreshold才啟用大規模模式
        itemStyle:{
            normal:{// color: 各異,
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}},
            emphasis:{// color: '各異'
                label:{
                    show:false// position: 預設自適應，水平佈局為'top'，垂直佈局為'right'，可選為//           'inside'|'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}}}},// 雷達圖預設引數
    radar :{
        itemStyle:{
            normal:{// color: 各異,
                label:{
                    show:false},
                lineStyle:{
                    width:2,
                    type:'solid'}},
            emphasis:{// color: 各異,
                label:{
                    show:false}}},//symbol: null,         // 拐點圖形型別
        symbolSize:2// 可計算特性引數，空資料拖拽提示圖形大小//symbolRotate : null,  // 圖形旋轉控制},// 餅圖預設引數
    pie:{
        center :['50%','50%'],// 預設全域性居中
        radius :[0,'75%'],
        clockWise :false,// 預設逆時針
        startAngle:90,
        minAngle:0,// 最小角度改為0
        selectedOffset:10,// 選中是扇區偏移量
        itemStyle:{
            normal:{// color: 各異,
                borderColor:'#fff',
                borderWidth:1,
                label:{
                    show:true,
                    position:'outer'// textStyle: null      // 預設使用全域性文字樣式，詳見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      // 預設使用全域性文字樣式，詳見TEXTSTYLE},
                labelLine:{
                    show:false,
                    length:20,
                    lineStyle:{// color: 各異,
                        width:1,
                        type:'solid'}}}}},

    map:{
        mapType:'china',// 各省的mapType暫時都用中文
        mapLocation:{
            x :'center',
            y :'center'// width    // 自適應// height   // 自適應},
        showLegendSymbol :true,// 顯示圖例顏色標識（系列標識的小圓點），存在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 :{// 資料map到圓的半徑的最小值和最大值
        minRadius :10,
        maxRadius :20,
        density :1.0,
        attractiveness :1.0,// 初始化的隨機大小位置
        initSize :300,// 向心力因子，越大向心力越大
        centripetal :1,// 冷卻因子
        coolDown :0.99,// 分類裡如果有樣式會覆蓋節點預設樣式
        itemStyle:{
            normal:{// color: 各異,
                label:{
                    show:false// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE},
                nodeStyle :{
                    brushType :'both',
                    color :'#f08c2e',
                    strokeColor :'#5182ab'},
                linkStyle :{
                    strokeColor :'#5182ab'}},
            emphasis:{// color: 各異,
                label:{
                    show:false// textStyle: null      // 預設使用全域性文字樣式，詳見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      // 預設使用全域性文字樣式，詳見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',// 標註型別
        symbolSize:10,// 標註大小，半寬（半徑）引數，當圖形為方向或菱形則總寬度為symbolSize * 2//symbolRotate : null, // 標註旋轉控制
        itemStyle:{
            normal:{// color: 各異，// borderColor: 各異,     // 標註邊線顏色，優先於color 
                borderWidth:2,// 標註邊線線寬，單位px，預設為1
                label:{
                    show:true,
                    position:'inside'// 可選為'left'|'right'|'top'|'bottom'// textStyle: null      // 預設使用全域性文字樣式，詳見TEXTSTYLE}},
            emphasis:{// color: 各異
                label:{
                    show:true// position: 'inside'  // 'left'|'right'|'top'|'bottom'// textStyle: null     // 預設使用全域性文字樣式，詳見TEXTSTYLE}}}},

    markLine :{// 標線起始和結束的symbol介紹型別，如果都一樣，可以直接傳string
        symbol:['circle','arrow'],// 標線起始和結束的symbol大小，半寬（半徑）引數，當圖形為方向或菱形則總寬度為symbolSize * 2
        symbolSize:[2,4],// 標線起始和結束的symbol旋轉控制//symbolRotate : null,
        itemStyle:{
            normal:{// color: 各異,           // 標線主色，線色，symbol主色// borderColor: 隨color,     // 標線symbol邊框顏色，優先於color 
                borderWidth:2,// 標線symbol邊框線寬，單位px，預設為2
                label:{
                    show:false,// 可選為 'start'|'end'|'left'|'right'|'top'|'bottom'
                    position:'inside',  
                    textStyle:{// 預設使用全域性文字樣式，詳見TEXTSTYLE
                        color:'#333'}},
                lineStyle:{// color: 隨borderColor, // 主色，線色，優先順序高於borderColor和color// width: 隨borderWidth, // 優先於borderWidth
                    type:'solid',
                    shadowColor :'rgba(0,0,0,0)',//預設透明
                    shadowBlur:5,
                    shadowOffsetX:3,
                    shadowOffsetY:3}},
            emphasis:{// color: 各異
                label:{
                    show:false// position: 'inside' // 'left'|'right'|'top'|'bottom'// textStyle: null    // 預設使用全域性文字樣式，詳見TEXTSTYLE},
                lineStyle :{}}}},

    textStyle:{
        decoration:'none',
        fontFamily:'Arial, Verdana, sans-serif',
        fontFamily2:'微軟雅黑',// IE8- 字型模糊並且不支援不同字型混排，額外指定一份
        fontSize:12,
        fontStyle:'normal',
        fontWeight:'normal'},// 預設標誌圖形型別列表
    symbolList :['circle','rectangle','triangle','diamond','emptyCircle','emptyRectangle','emptyTriangle','emptyDiamond'],
    loadingText :'Loading...',// 可計算特性配置，孤島，提示顏色
    calculable:false,// 預設關閉可計算特性
    calculableColor:'rgba(255,165,0,0.6)',// 拖拽提示邊框顏色
    calculableHolderColor:'#ccc',// 可計算佔位提示顏色
    nameConnector:' & ',
    valueConnector:' : ',
    animation:true,
    animationThreshold:2500,// 動畫元素閥值，產生的圖形原素超過2500不出動畫
    addDataAnimation:true,// 動態資料介面是否開啟動畫效果
    animationDuration:2000,
    animationEasing:'ExponentialOut'//BounceOut}




轉自 https://www.runoob.com/echarts/echarts-setup.html