这是我本地的
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js">
一个是我本地的,一个是链接的
</script><script src="../echarts/echarts.min.js"></script>
按照如下代码
使用链接可以有下划线
<!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"!