dataView里表格数据显示错位echarts 柱状配置项内容和展示

当标题字数超过9时,dataView上的标题会自动table,但是下面的数据却不会自动table,导致数据与列名对应不上

配置项如下
      option = {
		title : {
        text: '某地区蒸发量和降水量',
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['蒸发量量','降水量','喝水量']
    },
    toolbox: {
        show : true,
        feature : {
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
		        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'蒸发量量',
            type:'bar',
            data:[36, 36, 43, 35, 10, 9, 35, 22, 67, 3, 18, 17, 25, 5],
            markPoint : {
                data : [
                    {type : 'max', name: '最大值'},
                    {type : 'min', name: '最小值'}
                ]
            },
        },
        {
            name:'降水量',
            type:'bar',
            data:[6, 8, 7, 13, 0, 1, 7, 7, 13, 0, 3, 3, 7, 1],
            markPoint : {
                data : [
                    {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
                    {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                ]
            },
        },
        {
            name:'喝水量',
            type:'bar',
            data:[4, 4, 1, 13, 6, 1, 7, 1, 13, 0, 2, 3, 7, 1],
            markPoint : {
                data : [
                    {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
                    {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                ]
            },
        }
    ]
};
    
截图如下