数据可视化—百度Echarts基础

本文介绍了数据可视化库Echarts的基础知识,包括Echarts的定义、发展历史、与其他图表库的对比,以及如何使用Echarts进行数据可视化,强调了数据转换为JSON格式的重要性,并提供了配置项option的详解。同时,文中还回顾了使用Echarts参与数据可视化大赛的经验,探讨了动态图表在呈现数据关系时的挑战与注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

  1. 16年的时候还是个在校学生,基于对数据可视化的兴趣,参加了天池的气象可视化大赛,磕磕碰碰没获奖,与其他合作伙伴最后也不欢而散,最后还是咬咬牙通宵一两个星期终于实现了也交了,这个比赛最后留给我的实质性的可能是简历上面的一行字和这篇文章,但其实还是给我带来了很多精神上的鼓励,相信自己能做到。
  2. 三年前写的入门基础,Echarts都发展很迅速了,先搬上来,以后有时间再慢慢修改,可能有些链接已失效。另外,在学习的过程中参考了大量网站,所以也把这些优秀实用的链接也放上来了,我不太清楚这个是否侵权,如果这个形式不对,麻烦各位大佬提醒,谢谢~

一、 Echarts是什么?
Echarts官网
一个纯 JavaScript 的图表库,可以在以网页的形式展现动态图表
特点:交互、动态、个性化

Echarts的发展

ECarts 1.0
ECharts 2.0 有对应的R包直接可以调用生成图表,但还是建议用
ECharts 3.0 升级版,效果更多,优化移动端上的显示,目前二维图表的最新版本
最新版本的官网指引

ECharts X 主要是3D大型图表,目前还比较卡,个人没有怎么用到
ECharts X官网

其他图表库

D3.js—目前使用最广泛的动态图表库,基本上可以找到想要实现的效果
D3.js图表库示例

ggplot2:R包
在R中实现好看的图表,把图形元素抽象成可以自由组合的成分,主要是静态图表

Highcharts:也是js图表库,有R包可以调用

其他:
20个数据可视化(数据视觉化)工具 - 文章 - 伯乐在线

二、 Echarts怎么用?
不懂html和css也没关系,一步一步来

1、 了解图表的零件(组成)——基于echarts3.0两个简单的例子:
ECharts 入门示例—一个简单的柱形图
ECharts Examples

数据data与基本配置项option

1) 数据,json格式数据 什么是json数据?
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于网络传输,换句话说就是在网站上加载数据的速度更快。

  • 1、 对象是一个无序的“‘名称/值’对”集合。

(1)一个对象以“{”ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值