轉(zhuǎn)載自：https://my.oschina.net/u/3720923/blog/2246864

mytextStyle={
    color:"#333",                //文字顏色
    fontStyle:"normal",         //italic斜體  oblique傾斜
    fontWeight:"normal",        //文字粗細(xì)bold   bolder   lighter  100 | 200 | 300 | 400...
    fontFamily:"sans-serif",    //字體系列
    fontSize:18,                 //字體大小
};
mylineStyle={
    color:"#333",               //顏色，'rgb(128, 128, 128)'，'rgba(128, 128, 128, 0.5)'，支持線性漸變，徑向漸變，紋理填充
    shadowColor:"red",          //陰影顏色
    shadowOffsetX:0,            //陰影水平方向上的偏移距離。
    shadowOffsetY:0,            //陰影垂直方向上的偏移距離
    shadowBlur:10,              //圖形陰影的模糊大小。
    type:"solid",               //坐標(biāo)軸線線的類型，solid，dashed，dotted
    width:1,                    //坐標(biāo)軸線線寬
    opacity:1,                  //圖形透明度。支持從 0 到 1 的數(shù)字，為 0 時(shí)不繪制該圖形
};
myareaStyle={
    color:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'],//分隔區(qū)域顏色。分隔區(qū)域會(huì)按數(shù)組中顏色的順序依次循環(huán)設(shè)置顏色。默認(rèn)是一個(gè)深淺的間隔色。
    shadowColor:"red",          //陰影顏色
    shadowOffsetX:0,            //陰影水平方向上的偏移距離。
    shadowOffsetY:0,            //陰影垂直方向上的偏移距離
    shadowBlur:10,              //圖形陰影的模糊大小。
    opacity:1,                  //圖形透明度。支持從 0 到 1 的數(shù)字，為 0 時(shí)不繪制該圖形
};


grid=[{
    show:true,                       //是否顯示
    zlevel:0,                        //所屬圖形的Canvas分層，zlevel 大的 Canvas 會(huì)放在 zlevel 小的 Canvas 的上面
    z:2,                              //所屬組件的z分層，z值小的圖形會(huì)被z值大的圖形覆蓋
    left:"10%",                      //組件離容器左側(cè)的距離,百分比字符串或整型數(shù)字
    top:60,                          //組件離容器上側(cè)的距離，百分比字符串或整型數(shù)字
    right:"auto",                    //組件離容器右側(cè)的距離,百分比字符串或整型數(shù)字
    bottom:"auto",                   //組件離容器下側(cè)的距離,百分比字符串或整型數(shù)字
    width:"auto",                    //圖例寬度
    height:"auto",                   //圖例高度
    containLabel: true,               //grid 區(qū)域是否包含坐標(biāo)軸的刻度標(biāo)簽，
    backgroundColor:"transparent", //標(biāo)題背景色
    borderColor:"#ccc",              //邊框顏色
    borderWidth:0,                    //邊框線寬
    shadowColor:"red",               //陰影顏色
    shadowOffsetX:0,                 //陰影水平方向上的偏移距離
    shadowOffsetY:0,                 //陰影垂直方向上的偏移距離
    shadowBlur:10,                    //陰影的模糊大小
    tooltip:{                        //坐標(biāo)系特定的 tooltip 設(shè)定
        show:true,                   //是否顯示提示框組件，包括提示框浮層和 axisPointer
        trigger:"axis",              //觸發(fā)類型 none不觸發(fā)  'item' 數(shù)據(jù)項(xiàng)圖形觸發(fā)，主要在散點(diǎn)圖，餅圖等無類目軸的圖表中使用。  'axis'  坐標(biāo)軸觸發(fā)，主要在柱狀圖，折線圖等會(huì)使用類目軸的圖表中使用。
        position: ['50%', '50%'],    //提示框浮層的位置，默認(rèn)不設(shè)置時(shí)位置會(huì)跟隨鼠標(biāo)的位置,[10, 10],回掉函數(shù)，inside鼠標(biāo)所在圖形的內(nèi)部中心位置，top、left、bottom、right鼠標(biāo)所在圖形上側(cè)，左側(cè)，下側(cè)，右側(cè)，
        formatter:"{b0}: {c0}<br />{b1}: {c1}", //提示框浮層內(nèi)容格式器，支持字符串模板和回調(diào)函數(shù)兩種形式,模板變量有 {a}, ，{c}，u0z1t8os，{e}，分別表示系列名，數(shù)據(jù)名，數(shù)據(jù)值等
        backgroundColor:"transparent",        //標(biāo)題背景色
        borderColor:"#ccc",         //邊框顏色
        borderWidth:0,               //邊框線寬
        padding:5,                    //圖例內(nèi)邊距，單位px  5  [5, 10]  [5,10,5,10]
        textStyle:mytextStyle,      //文本樣式
    },
}];
xAxis=[
    {
        show:true,                //是否顯示 x 軸
        gridIndex:0,              //x 軸所在的 grid 的索引，默認(rèn)位于第一個(gè) grid
        position:"bottom",       //x 軸的位置。"top"，"bottom"，默認(rèn) grid 中的第一個(gè) x 軸在 grid 的下方（'bottom'），第二個(gè) x 軸視第一個(gè) x 軸的位置放在另一側(cè)
        offset:0,                 //X 軸相對(duì)于默認(rèn)位置的偏移，在相同的 position 上有多個(gè) X 軸的時(shí)候有用
        type:"category",         //坐標(biāo)軸類型。'value' 數(shù)值軸，適用于連續(xù)數(shù)據(jù)。'category' 類目軸，適用于離散的類目數(shù)據(jù)，為該類型時(shí)必須通過 data 設(shè)置類目數(shù)據(jù)。
                                   // 'time' 時(shí)間軸，適用于連續(xù)的時(shí)序數(shù)據(jù)，與數(shù)值軸相比時(shí)間軸帶有時(shí)間的格式化，在刻度計(jì)算上也有所不同，例如會(huì)根據(jù)跨度的范圍來決定使用月，星期，日還是小時(shí)范圍的刻度。'log' 對(duì)數(shù)軸。適用于對(duì)數(shù)數(shù)據(jù)
        name:'時(shí)間',               //坐標(biāo)軸名稱
        nameLocation:"end",       //坐標(biāo)軸名稱顯示位置。可選：'start','middle','end'
        nameTextStyle:mytextStyle,  //坐標(biāo)軸名稱的文字樣式
        nameGap:15,                  //坐標(biāo)軸名稱與軸線之間的距離
        nameRotate:0,                //坐標(biāo)軸名字旋轉(zhuǎn)，角度值
        inverse:false,              //是否是反向坐標(biāo)軸
        boundaryGap:true,           //類目軸中 boundaryGap 可以配置為 true 和 false。非類目軸，包括時(shí)間，數(shù)值，對(duì)數(shù)軸，boundaryGap是一個(gè)兩個(gè)值的數(shù)組，分別表示數(shù)據(jù)最小值和最大值的延伸范圍，可以直接設(shè)置數(shù)值或者相對(duì)的百分比，在設(shè)置 min 和 max 后無效['20%', '20%']
        min:null,                    //坐標(biāo)軸刻度最小值?？梢栽O(shè)置成特殊值 'dataMin'，此時(shí)取數(shù)據(jù)在該軸上的最小值作為最小刻度。不設(shè)置時(shí)會(huì)自動(dòng)計(jì)算最小值保證坐標(biāo)軸刻度的均勻分布。在類目軸中，也可以設(shè)置為類目的序數(shù)
        max:null,                   //坐標(biāo)軸刻度最大值?？梢栽O(shè)置成特殊值 'dataMax'，此時(shí)取數(shù)據(jù)在該軸上的最大值作為最大刻度。不設(shè)置時(shí)會(huì)自動(dòng)計(jì)算最大值保證坐標(biāo)軸刻度的均勻分布。在類目軸中，也可以設(shè)置為類目的序數(shù)
        scale:false,                //只在數(shù)值軸中（type: 'value'）有效。是否是脫離 0 值比例。設(shè)置成 true 后坐標(biāo)刻度不會(huì)強(qiáng)制包含零刻度。在雙數(shù)值軸的散點(diǎn)圖中比較有用。在設(shè)置 min 和 max 之后該配置項(xiàng)無效。
        splitNumber:5,             //坐標(biāo)軸的分割段數(shù)，需要注意的是這個(gè)分割段數(shù)只是個(gè)預(yù)估值，最后實(shí)際顯示的段數(shù)會(huì)在這個(gè)基礎(chǔ)上根據(jù)分割后坐標(biāo)軸刻度顯示的易讀程度作調(diào)整
        minInterval:0,             //自動(dòng)計(jì)算的坐標(biāo)軸最小間隔大小,例如可以設(shè)置成1保證坐標(biāo)軸分割刻度顯示成整數(shù)。只在數(shù)值軸中（type: 'value'）有效。
        logBase:10,                 //對(duì)數(shù)軸的底數(shù)，只在對(duì)數(shù)軸中（type: 'log'）有效
        silent:false,              //坐標(biāo)軸是否是靜態(tài)無法交互
        triggerEvent:false,       //坐標(biāo)軸的標(biāo)簽是否響應(yīng)和觸發(fā)鼠標(biāo)事件
        axisLine:{                 //坐標(biāo) 軸線
            show:true,             //是否顯示坐標(biāo)軸軸線
            onZero:true,           //X 軸或者 Y 軸的軸線是否在另一個(gè)軸的 0 刻度上，只有在另一個(gè)軸為數(shù)值軸且包含 0 刻度時(shí)有效
            lineStyle:mylineStyle
        },
        axisTick :{                 //坐標(biāo)軸刻度相關(guān)設(shè)置
            show:true,              //是否顯示坐標(biāo)軸刻度。
            alignWithLabel:false,  //類目軸中在 boundaryGap 為 true 的時(shí)候有效，可以保證刻度線和標(biāo)簽對(duì)齊
            interval:auto,          //坐標(biāo)軸刻度的顯示間隔，在類目軸中有效。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽。可以設(shè)置成 0 強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為 1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為 2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類推
            inside:false,           //坐標(biāo)軸刻度是否朝內(nèi)，默認(rèn)朝外。
            length:5,                //坐標(biāo)軸刻度的長(zhǎng)度。
            lineStyle:mylineStyle
        },
        axisLabel:{                 //坐標(biāo)軸刻度標(biāo)簽的相關(guān)設(shè)置
            show:true,              //是否顯示
            interval:"auto",        //坐標(biāo)軸刻度標(biāo)簽的顯示間隔，在類目軸中有效。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成 0 強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為 1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，如果值為 2，表示隔兩個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽，以此類推
            inside:false,           //刻度標(biāo)簽是否朝內(nèi)，默認(rèn)朝外
            rotate:0,               //刻度標(biāo)簽旋轉(zhuǎn)的角度，在類目軸的類目標(biāo)簽顯示不下的時(shí)候可以通過旋轉(zhuǎn)防止標(biāo)簽之間重疊。旋轉(zhuǎn)的角度從 -90 度到 90 度
            margin:8,               //刻度標(biāo)簽與軸線之間的距離
            formatter: function (value, index) {            //使用函數(shù)模板，函數(shù)參數(shù)分別為刻度數(shù)值（類目），刻度的索引
                return value+"kg";
            },
            showMinLabel:null,      //是否顯示最小 tick 的 label?？扇≈?true, false, null。默認(rèn)自動(dòng)判定（即如果標(biāo)簽重疊，不會(huì)顯示最小 tick 的 label）
            showMaxLabel:null,      //是否顯示最大 tick 的 label?？扇≈?true, false, null。默認(rèn)自動(dòng)判定（即如果標(biāo)簽重疊，不會(huì)顯示最大 tick 的 label）
            textStyle:mytextStyle
        },
        splitLine:{                 //坐標(biāo)軸在 grid 區(qū)域中的分隔線。
            show:true,              //是否顯示分隔線。默認(rèn)數(shù)值軸顯示，類目軸不顯示。
            interval:"auto",        //坐標(biāo)軸分隔線的顯示間隔，在類目軸中有效。默認(rèn)會(huì)采用標(biāo)簽不重疊的策略間隔顯示標(biāo)簽?？梢栽O(shè)置成 0 強(qiáng)制顯示所有標(biāo)簽。如果設(shè)置為 1，表示『隔一個(gè)標(biāo)簽顯示一個(gè)標(biāo)簽』，可以用數(shù)值表示間隔的數(shù)據(jù)，也可以通過回調(diào)函數(shù)控制?；卣{(diào)函數(shù)格式如下：
            lineStyle:mylineStyle
        },
        splitArea:{                 //坐標(biāo)軸在 grid 區(qū)域中的分隔區(qū)域，默認(rèn)不顯示。
            interval:"auto",
            show:false,             //是否顯示分隔區(qū)域
            areaStyle:myareaStyle
        },
        data : ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],             //類目數(shù)據(jù)，在類目軸（type: 'category'）中有效。
        zlevel:0,                   //X 軸所有圖形的 zlevel 值。
        z:0,                        //X 軸組件的所有圖形的z值
    }
];
yAxis=xAxis;                        //y軸配置內(nèi)容同x軸