ios系统 echarts图表提示框tooltip被自己图表覆盖的问题

造成标题问题的原因是因为在ios系统上，css overflow属性和echarts图表z-index冲突，这是ios上的一个Bug，页面设置了overflow属性，z-index就会失效，图表上的图形就会覆盖tooltip.
对此，针对这个问题，有两个解决方案：
1.页面不设置overflow属性，但是这个不太可行，因为实际情况页面会有需要滚动条的情况，所以这个方法需根据实际情况来使用。
2.在tooltip上设置position,强行把图表上的overflow属性给去掉，亲自证明，此方法可行，下面贴上代码

tooltip: {
			title: "客流量",
			trigger: "axis",
			axisPointer: {
				type: "shadow",
			},
			textStyle: {
				color: "#999",
				align: "left",
			},
			extraCssText:
				"box-shadow:0px 0px 8px 0px rgba(176,176,176,1)",
			backgroundColor: "#fff",
			formatter: function (params) {
			//去除重复数据
			for (var i = 0; i < params.length; i++) {
				for (var j = params.length - 1; j > i; j--) {
					if (
						params[j].seriesName == params[i].seriesName
							) {
								params.splice(j, 1);
								break;
							}
						}
					}
					var res = "<div><p>客流量</p></div>";
					for (var i = 0; i < params.length; i++) {
		//这里是自己定义样式， params[i].marker 表示是否显示左边的那个小圆圈
						res +=
							"<p>" +
							params[i].marker +
							bankname +
							"   :         " +
							params[i].data +
							"</p>";
					}
					return res;
				},
				//强制去掉tooltip的overflow
				position: function (point, params, dom, rect, size) {
					dom.style.transform = "translateZ(0)";
				},
			},

需要的朋友们这个方法可以解决了