echarts--解决图例和文字位置反了的问题

问题简单描述：

我们在设置图例位置时，想要让图例显示在右边，就会设置 x：‘right’，这时你会发现图例和文字方向反了

legend: {
	 orient: 'vertical', // 'horizontal'
     data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎','百度','谷歌','必应','其他'],
     textStyle: {  // 图列内容样式
         color: '#fff',  // 字体颜色
     },
     x: 'right',//图例位置
     y: 'center'//延Y轴居中
},

如下图：

解决方法：

给legend的x设置一个值，就好了

legend: {
    orient: 'vertical', // 'horizontal'
    data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎','百度','谷歌','必应','其他'],
    textStyle: {  // 图列内容样式
        color: '#fff',  // 字体颜色
    },
    x: '70%',//图例位置，设置right发现图例和文字位置反了，设置一个数值就好了
    y: 'center'//延Y轴居中
},