本文介绍了如何使用Echarts绘制标准折线图，以展示数据的趋势变化，如商品销售和景区门票价格。标准折线图通过点线连接展示数据随时间的变化，适用于观察增减趋势、峰值等特征。文中还展示了利用某城市一周人流量统计数据绘制的实例，并提供了相关源代码。
折线图（Line）也是最为常用的图表之一，核心思想是趋势变化。 折线图是点、线连在一起的图表，可反映事物的发展趋势和分布情况，适合在单个数据点不那么重要的情况下表现变化趋势、增长幅度。 为了更直观地查看商品销售数据和名胜风景区的门票价格数据，需要在ECharts中绘制不同的折线图进行展示，如标准折线图、堆积面积图、堆积折线图和堆积面积折线图。
标准折线图是指由x轴与y轴组成区域内的一些点、线，以及这些点、线或坐标轴的文字描述，常用于显示数据随时间或有序类别而变化的趋势，可以很好地表现出数据是递增还是递减、增减的速率、增减的规律（周期性、螺旋性等）、峰值等特征。在折线图中，通常沿横轴标记类别，沿纵轴标记数值。 利用某都市一周内的人流量统计数据绘制标准折线图，如图所示。 由图可知，图形为标准的折线图，其中只包含一条折线、数据网格、标题、图例、x轴、y轴，图表非常简洁。
源代码如下：
<html>
<head>
<meta charset="utf-8">
<!--引入ECharts脚本-->
<script src="js/echarts.js"></script>
</head>
<body>
<!---为ECharts准备一个具备大小（宽高）的DOM-->
<div id="main" style="width: 600px; height: 400px">&
最低0.47元/天 解锁文章
扫一扫
684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
