echarts折线图 自定义提示框 及点击事件

<div id="main" style="width: 100%;height:400px;"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
<script type="text/javascript">
    // 图表数据准备
    var xArr = [<?php foreach($times as $v){; ?>"<?php echo $v ?>",<?php }; ?>]
    // console.log(xArr)
    var yArr = [<?php foreach($pm as $v){; ?>"<?php echo $v ?>",<?php }; ?>]
    // console.log(yArr)
    // 设置提示框显示内容
    var xx = ""
    xx = [<?php foreach($alls as $k => $v){ ; ?> "<?php echo  '考试时间：' .  $v['grade_time'] . '<br/>' . '考试分数：' . $v['grade'] . '<br/>' . '分数排名：' . $v['weici'] . '<br/>' . '当前院校：' . $v['schoo