用echarts写一个横坐标轴为周一到周四 纵坐标分别为1234567的折线图
时间: 2024-04-16 10:24:40 浏览: 34
好的,我可以帮您生成一个横坐标为周一到周四,纵坐标为1到7的折线图。以下是使用 ECharts 绘制该图表的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts 折线图示例</title>
<!-- 引入 ECharts 文件 -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>
</head>
<body>
<!-- 为图表容器指定一个唯一的 id -->
<div id="chart" style="width: 600px; height: 400px"></div>
<script type="text/javascript">
// 基于准备好的 DOM,初始化 ECharts 实例
var chart = echarts.init(document.getElementById('chart'));
// 指定图表的配置项和数据
var option = {
// 设置图表的标题
title: {
text: '折线图示例'
},
// 设置横坐标轴
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四']
},
// 设置纵坐标轴
yAxis: {
type: 'value'
},
// 设置折线数据
series: [{
type: 'line',
data: [1, 2, 3, 4, 5, 6, 7]
}]
};
// 使用刚指定的配置项和数据显示图表
chart.setOption(option);
</script>
</body>
</html>
```
将以上代码保存为一个 HTML 文件,并在浏览器中打开该文件,即可看到生成的折线图。