折线、柱状

tooltip: { //鼠标浮动显示窗口
    trigger: 'axis', //显示x轴一点对应的列数据
    axisPointer: {
        type: 'cross',
        crossStyle: {
            color: '#fff' //文字颜色
        }
    }
},
legend: { //图例 标识
    orient: 'vertical', //竖着显示
    left: 'right', //右侧
    top: '5%', //距离顶部
    textStyle: { //图例文字的样式
        color: '#fff'
    },
},
grid: { //显示图像体
    left: '0%', //靠左侧的距离
    right: '30%', //靠右侧的距离
    bottom: '3%', //距离低下的距离
    top: '5%', //距离上面的距离
    containLabel: true
},
xAxis: {
    type: 'category',
    data: this.datas.year, //数据
    boundaryGap: true, //x轴中间
    axisLine: { //线的颜色
            lineStyle: {
            color: '#2D5069'
        }
    },
    axisLabel: { //文字的颜色
        color: '#fff',
        fontSize: '12'
    },
    axisTick: { //刻度线
        show: false
    },
},
yAxis: {
    type: 'value',
    nameTextStyle: {
        color: "#fff",
        fontSize: 12,
    },
    textStyle: {
        color: "#fff"
    },
    axisLabel: {
        formatter: '{value}',
        color: '#fff'
    },
    splitLine: { //坐标轴在 grid 区域中的分隔线。
        lineStyle: {
            color: '#2D5069'
        }
    },
    axisLine: { //坐标轴轴线
        lineStyle: {
            color: '#2D5069'
        }
    },
},