问一个关于echarts的问题

这是我本地的


<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js">


一个是我本地的,一个是链接的

</script><script src="../echarts/echarts.min.js"></script>

按照如下代码
使用链接可以有下划线

img


使用下载本地的
就不会出现下划线



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="anniu()">按钮</button>
<div id="main" style="width: 100%;height: 450px">
</div>
</body>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js">
</script>
<script>
    function anniu() {
        function getTableLine(num){
            var list=[];
            var bottom=60;
            var height=20;
            for(var i=0;i<num;i++){
                list.push({
                    type:'line',
                    bottom:bottom - i * height,
                    right:60,
                    style:{
                        fill:'#333',
                    },
                    shape:{x1:0, y1:0, x2:5000,
                        y2:2
                    }
                });
            }
            return list;
        }
        var lineList=getTableLine(5);
        var myChart = echarts.init(document.getElementById('main'),'shine');
                    myChart.setOption({
                        graphic: lineList,
                    })
    }
</script>
</html>




版本一样吗?


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="anniu()">按钮</button>
<div id="main" style="width: 100%;height: 450px">
</div>
</body>
<script type="text/javascript" src="echarts.min.js">
</script>
<script>
    function anniu() {
        function getTableLine(num){
            var list=[];
            var bottom=60;
            var height=20;
            for(var i=0;i<num;i++){
                list.push({
                    type:'line',
                    bottom:bottom - i * height,
                    right:60,
                    style:{
                        fill:'#333',
                    },
                    shape:{x1:0, y1:0, x2:5000,
                        y2:2
                    }
                });
            }
            return list;
        }
        var lineList=getTableLine(5);
        var myChart = echarts.init(document.getElementById('main'),'shine');
                    myChart.setOption({
                        graphic: lineList,
                    })
    }
</script>

使用相对路径读取本地文件的话,如果当前文件和echarts.min.js在同一个路径下,那么是src="echarts.min.js"!