图表颜色：

color:['#fff"],//数组类型，如果数据条数大于颜色个数，则颜色会循环复用，柱状图默认取第一个

标题：

title: {
	show:true,//是否显示
    x: 'left', // 水平安放位置，默认为左对齐，可选为：'center' ¦ 'left' ¦ 'right'¦ {number}（x坐标，单位px）
    y: 'top',// 垂直安放位置，默认为全图顶端，可选为：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
    backgroundColor: 'rgba(0,0,0,0)',//背景颜色
    borderColor: '#ccc',// 标题边框颜色
    borderWidth: 1,// 标题边框线宽，数字，默认为0（无边框）
    padding: 5, // 标题内边距，数字，，默认各方向内边距为5，接受数组分别设定上右下左边距，同css
    itemGap: 10,// 主副标题纵向间隔，数字，默认为10，
    textStyle: {// 主标题文字样式
        fontSize: 18,//字体大小
        fontWeight: 'bolder',//字体加粗
        color: '#333'// 主标文字颜色
    },
    subtextStyle: {// 副标题文字样式
        color: '#aaa'//同主标题一致
    }
},

图例

// 
legend: {
	show:true,//是否显示
	data:[],//数据
    orient: 'horizontal', // 布局方式，默认为水平布局，可选为：'horizontal' ¦ 'vertical'
    x: 'center', // 水平安放位置，默认为全图居中，可选为：'center' ¦ 'left' ¦ 'right'¦ {number}（x坐标，单位px）
    y: 'top', // 垂直安放位置，默认为全图顶端，可选为：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）
    icon: 'circle',//图例为实心圆 可选值： circle，rect ，roundRect，triangle，diamond，pin，arrow，none
    backgroundColor: 'rgba(0,0,0,0)',//背景颜色
    borderColor: '#ccc', // 图例边框颜色
    borderWidth: 0,// 图例边框线宽，数字，默认为0（无边框）
    padding: 5, // 图例内边距，数字，默认各方向内边距为5，接受数组分别设定上右下左边距，同css
    itemGap: 10,// 各个item之间的间隔，数字，默认为10，横向布局时为水平间隔，纵向布局时为纵向间隔
    itemWidth: 20, // 图例图形宽度
    itemHeight: 14, // 图例图形高度
    textStyle: {// 图例文字样式
        color: '#333'// 图例文字颜色
    }
},

图表显示位置：

grid: {
        top: '10%',//可使用px或百分比
        left: '8%',
        right: '35%',
        bottom: '5%',
        containLabel: true，
    }

鼠标移入显示弹框

tooltip: {
	show:true,//是否显示
    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,// 提示边框圆角，数字，默认为4
    borderWidth: 0,// 提示边框线宽，数字，默认为0（无边框）
    padding: 5,// 提示内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距，同css
    axisPointer : {// 坐标轴指示器，坐标轴触发有效
        type : 'line',// 默认为直线，可选为：'line' | 'shadow'
        lineStyle : {// 直线指示器样式设置， type : 'line',有效
            color: '#48b',
            width: 2,
            type: 'solid'
        },
        shadowStyle : {// 阴影指示器样式设置，type : 'shadow',有效
            width: 'auto',         // 阴影大小
            color: 'rgba(150,150,150,0.3)'  // 阴影颜色
        }
    },
    textStyle: {//文字样式
        color: '#fff'
    }
},

X轴，Y轴

xAxis: {
	 minInterval:1,//刻度值始终为整数
     data: [],//数据，Y轴无此项
     type:"category",
     axisTick: {//刻度线
         show: false//是否显示刻度线
     },
     axisLabel: {//文字样式
         interval: 0,//间隔显示个数
         rotate: -45 // 文字角度
     },
     axisLine: {//坐标轴线
         show: false,//是否显示坐标轴线
         color:'#000',//刻度数据颜色
         lineStyle:{
             color:'#ddd',//轴线颜色
      		 width：1.//轴线线宽
      		 type:'dashed',//轴线样式为虚线 ‘line’间距较小的虚线，默认实线
         }
     }，
     splitLine:{//辅助线
	     show:true,//是否显示
         lineStyle:{//辅助线样式
         	type:'dashed',//刻度线为虚线，默认实线
      	}
   	}，
 },

图表样式

series: [{
    type: 'bar',//柱状图
     barWidth:30,//柱子宽度，支持数字，百分比
     data: [],
     //在柱状图上显示具体数值
     itemStyle: {
         normal: {
             label: {
                 show: true,//是否显示数据
                 textStyle: {//文字样式
                     color: '#ccc',//文字颜色
                 },
                 position: 'top',//显示位置,inside（图形内不显示），具体可参阅官方示例：https://echarts.apache.org/examples/zh/editor.html?c=bar-label-rotation
             }
         }
     }
 }]

------------------------------------------------------------- 未完待续 -------------------------------------------------------------