自定义Echarts折线图中悬浮框的位置

在Echarts3的折线图的使用过程中，想使初始化出来的图表更人性化，就比如说有这么个需求，在Echarts折线图中，鼠标悬浮在左侧某一个点时，悬浮框悬停在点的右侧；鼠标悬停在右侧某一个点时，悬浮框悬停在点的左侧。

下面是具体实现思路：

首先明确一点，我们需要借助tooltip.position属性。理想的思路是我们在回调函数中获取鼠标每次悬停的坐标，然后再判断这个坐标是否处于此容器(也就是这个Echarts折线图)的左侧或者右侧；判断命中后我们再改变tooltip的位置，并返回给函数。

OK。我们先放Echarts官方API中对tooltip属性的说明看看：

ooltip.position
类型
Array, Function
默认值
null
位置指定，传入{Array}，如[x, y]， 固定位置[x, y]；传入{Function}，如function([x, y]) {return [newX,newY]}，默认显示坐标为输入参数，用户指定的新坐标为输出返回。

现在提供关键代码部分：

tooltip : {
   
        textStyle:{
   
            align