父元素旋转90度,移动端显示不正常

[hsay]

One-line summary [问题简述]

<div class="rotate">
<div class="echarts-container" ref="echartsContainer">
</div>
</div>

.rotate{
 transform: rotate(90deg)
}

即将echarts组件的父元素旋转90度，此时tooltip不能正常显示，并且legends不能点击(移动端有该问题)
pc端变现正常。

Version & Environment [版本及环境]

• ECharts version [ECharts 版本]:echarts@4.0.4
• Browser version [浏览器类型和版本]:chrome浏览器 移动端模式
• OS Version [操作系统类型和版本]: win8

Expected behaviour [期望结果]

能像不旋转时一样正常显示tooltip以及正常操作len=gends

ECharts option [ECharts配置项]

option ={
        baseOption: {
          title: {
            text: ''
          },
          color: colors,
          tooltip: {
            show:true,
            trigger: 'axis',
            confine: false, 
            //若要使tooltip显示完全，外层不要设置overflow:hidden
            position:['0', '0']
          },
          legend: {
            // bottom:20,
            //width:400,
            left:0,
            bottom:0,
            itemWidth: 5,
            itemHeight:5,
            //data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
            data:['']
          },
          grid:{
            // show:true,
            left: 40,
            
            // right:0,                  
            top: '10%',
            bottom: '15%',
            // right: 40,
            // width:'100%', 
            // borderColor: 'rgba(255, 0, 0, 1)',            
            containLabel: true
          },
          toolbox: {
            feature: {
              saveAsImage: {}
            }
          },
          xAxis: {
            type: 'category',            
            boundaryGap: true,
            interval: 0,
            data: [],
            axisLabel: {
              color:'#333',
            },
            axisLine: {
              show: false,
              lineStyle: {
                color: 'rgba(204,204,204,0.2)'
              }
            },
            axisTick: {
              show: false
            }
          },
          yAxis: {
            type: 'value',
            splitLine:false,
            axisLabel: {
              color:'#333',
            },
            axisLine: {
              show: false,
              lineStyle: {
                color: 'rgba(204,204,204,0.2)'
              }
            },              
            axisTick:{
              show: false
            },
            splitLine: {
              lineStyle: {
                color: 'rgba(204,204,204,0.2)'
              }
            },
          },          
          series: [{            
            name:'',
            type:'line',
            stack: '总量',
            data:[]
          },
          {
            name:'',
            type:'line',
            stack: '',
            data:[]
          }
          ]
        },// baseOption        
        media: [{
          query: {

          },
          option: {

          }
        }]
      }

Other comments [其他信息]

[hsay]

啥时候能解决呢？