文章目录
一、什么是ECharts?
在绘制折线图时,我采用了ECharts——一个使用 JavaScript 实现的"数据可视化"库, 它可以流畅的运行在 PC 和移动设备上。
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭
所谓数据可视化就是把一堆数据以更加直观的方式呈现出来,数据可视化能够清晰有效地传达与沟通信息,更容易洞察隐藏在数据中的信息。
二、绘制折线堆叠图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ECharts</title>
<!-- 引入下载的 ECharts 文件 -->
<script src="echarts.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style