一、数据可视化
-
数据可视化可以把数据从冰冷的数字转换为图形,揭示蕴含在数据中的规律和道理。目的是借助于图形化手段,清晰有效的传达与沟通信息。
-
常见的数据可视化库
D3.js(目前Web端评价最高的JS可视化工具库,入手难)
ECharts.js (百度出品的一个开源JS数据可视化库)
Highcharts.js (国外的数据可视化库,非商用免费,被许多国外公司所用)
AntV (蚂蚁金服全新一代数据可视化解决方案)
…
二、Echarts是什么
-
ECharts是一个使用JS实现的开源可视化库。兼容当前绝大部分浏览器,底层依赖矢量图形库ZRender,提供直观、交互丰富、可高度个性化定制的数据可视化图表。
-
官方网站:https://echarts.apache.org/zh/index.html
-
优点
1_开源免费,社区活跃
2_多种数据格式支持
3_移动端优化,跨平台使用
4_丰富的可视化类型,功能丰富
5_绚丽的特效,强劲的渲染引擎
6_详细的文档说明
三、Echarts的基本使用
- 基本使用步骤
- 实例
<!-- 1. 下载并引入echarts.js文件 -->
<script src="./js/echarts.min.js"></script>
<style>
.box {
width: 400px;
height: 300px;
}
</style>
<body>
<!-- 2. 准备一个具备大小的DOM容器 -->
<div class="box">