[前端学习笔记] Echarts基础知识整理

一、数据可视化

  1. 数据可视化可以把数据从冰冷的数字转换为图形,揭示蕴含在数据中的规律和道理。目的是借助于图形化手段,清晰有效的传达与沟通信息。

  2. 常见的数据可视化库
    D3.js(目前Web端评价最高的JS可视化工具库,入手难)
    ECharts.js (百度出品的一个开源JS数据可视化库)
    Highcharts.js (国外的数据可视化库,非商用免费,被许多国外公司所用)
    AntV (蚂蚁金服全新一代数据可视化解决方案)

二、Echarts是什么

  1. ECharts是一个使用JS实现的开源可视化库。兼容当前绝大部分浏览器,底层依赖矢量图形库ZRender,提供直观、交互丰富、可高度个性化定制的数据可视化图表。

  2. 官方网站:https://echarts.apache.org/zh/index.html

  3. 优点
    1_开源免费,社区活跃
    2_多种数据格式支持
    3_移动端优化,跨平台使用
    4_丰富的可视化类型,功能丰富
    5_绚丽的特效,强劲的渲染引擎
    6_详细的文档说明

三、Echarts的基本使用

  1. 基本使用步骤
    在这里插入图片描述
  2. 实例
<!-- 1. 下载并引入echarts.js文件 -->
<script src="./js/echarts.min.js"></script>

<style>
        .box {
    
            width: 400px;
            height: 300px;
        }
</style>
<body>
	<!-- 2. 准备一个具备大小的DOM容器 -->
	<div class="box">
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值