提示框（tooltip）位置设置
像Echarts里的柱状图和折线题，鼠标悬浮上去都会有弹窗信息显示出来，但是如果你给定的显示区域比较小的话，就会导致弹窗显示不全的问题。
情况如下：
下面会有几种方式解决这个问题，看大家的需要；
1、设置提示框位置的方法
方法一：通过数组设置提示框位置
数组第一个元素设置距离父元素左边的距离，数组第二个元素设置距离父元素上边的距离
这种方法设置的提示框位置固定不变，不会随鼠标移动而位置变化
（1）数字设置绝对位置 position: [20, 20]
tooltip: {
trigger: 'axis',
position: [20, 20]
// 等价于
// position: ['20px', '20px']
},
（2）百分比设置相对位置 position: ['50%', '50%']
tooltip: {
trigger: 'axis',
// 相对位置
position: ['50%', '30%']
},
方法二、直接设置position的值为：'inside'|'top'|'bottom'|'left'|'right'
这种方法只在设置 trigger: 'item', 的时候才有效
-
'inside' 鼠标所在图形的内部中心位置
-
'top' 鼠标所在图形上侧
-
'left' 鼠标所在图形左侧
-
'right' 鼠标所在图形右侧
-
'bottom' 鼠标所在图形底侧
tooltip: {
trigger: 'item',
position: 'top'
},
方法三、通过回调函数设置提示框位置
回调函数中有：
五个参数
point：鼠标位置，是一个数组，如 [20, 50]
params：Object|Array.<Object> 是需要的数据集
dom：tooltip 的 dom 对象。
rect：一个对象，只有鼠标在图形上时有效，是一个用 x, y, width, height 四个属性表达的图形包围盒。
size：一个对象，包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：{contentSize: [width, height], viewSize: [width, height]}。
size中有两个属性：viewSize为外层div的大小，contentSize为tooltip提示框的大小
一个返回值：
（1）返回值可以是一个表示 tooltip 位置的数组，数组值可以是绝对像素值，也可以是相对百分比。
tooltip: {
trigger: 'axis',
position: function (point, params, dom, rect, size) {
return ['40%', 30];
}
},
（2）返回值也可以是一个对象
对象的属性有：top、bottom、left、right
position: function (point, params, dom, rect, size) {
return {left: '40%', bottom: 20};
}