这是来自echarts官网的一个基础折线图:
完整代码如下,有问题欢迎来交流:
<!DOCTYPE html>
<head>
<script src="../lib/echarts.v6.0.0.js"></script>
</head>
<body>
<div id="main" style="width: 800px; height: 400px"></div>
<script>
const myChart = echarts.init(document.getElementById('main'))
const option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
},
yAxis: {
type: 'value',
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
},
],
}
myChart.setOption(option)
</script>
</body>