echarts折线图柱状图的坐标轴的颜色及样式的设置

转载网址见：

http://www.cnblogs.com/my-freedom/p/6699271.html

基本用法请查看echarts官网。

一、图例legend的设置。

1.字体和颜色的设置

textStyle:{
                fontSize:15,
                color: '#fff'
            }

2.样式的设置

legend: {
           data:systemName,
           itemWidth:40,
           itemHeight:20,
           textStyle:{
               fontSize:15,
               color: '#fff'
           }
       }

　　可以根据需求自己设置。

 二、工具箱toolbox的设置

三、tooltip悬浮提示框

{
    type:  'line' ,
    lineStyle: {
        color:  '#48b' ,
        width: 2,
        type:  'solid'
    },
   textStyle:{
      color: '#fff'
   }
}

三、x轴坐标xAxis的字体颜色大小，坐标线颜色，以及网格线的设置

xAxis : [
            {
                type:  'category' ,
                boundaryGap:  false ,
                data: time,
                splitLine:{show:  false }, //去除网格线
                splitArea : {show :  true }, //保留网格区域
                axisLine: {
                    lineStyle: {
                        type:  'solid' ,
                        color:  '#fff' , //左边线的颜色
                        width: '2' //坐标线的宽度
                    }
                },
                axisLabel: {
                    textStyle: {
                        color:  '#fff' , //坐标值得具体的颜色

                    }
                }
            }
        ]

四、yAsix的设置相同

yAxis : [
           {
               type :  'value' ,
               splitLine:{show:  false }, //去除网格线
               splitArea : {show :  true }, //保留网格区域
               axisLine: {
                   lineStyle: {
                       type:  'solid' ,
                       color: '#fff' ,
                       width: '2'
                   }
               },
               axisLabel: {
                   textStyle: {
                       color:  '#fff'
                   }
               }
           }
       ]