JavaScript 图表库 Apache ECharts

JavaScript 图表库 Apache ECharts

Apache-2.0
JavaScript 查看源码»
跨平台
Apache
2013-07-10
xu81.com

拥抱开源,微软做了哪些努力?一大波开源技术成果将亮相微软在线技术峰会>>>

ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

ECharts

提供大量常用的数据可视化图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。

特色

推荐翻阅这份在线文档 《 Why ECharts ? 》,从中可以更直观的体验到ECharts的特性以及快速浏览到所有图表类型。
*文档中展现的个别特性在IE8-中并没有得到支持,所以建议使用IE9+、chrome、safari、firefox或opear等浏览器阅读这份文档。

混搭

拖拽重计算

ECharts 拖拽重计算

数据视图

ECharts 数据视图

动态类型切换

ECharts 动态类型切换

图例开关

ECharts 图例开关

数据区域选择

ECharts 数据区域选择

多图联动

ECharts 多图联动

值域漫游

ECharts 数据区域选择

炫光特效

ECharts 炫光特效

大规模散点图

ECharts 大规模散点图

子区域地图模式

 

GeoJson地图扩展

 

 

标线辅助

ECharts 标线辅助

多维度堆积

ECharts 多维度堆积

百搭时间轴

ECharts 百搭时间轴

个性化定制

的码云指数为
超过 的项目
加载中

评论(158)

j
jack8336
这个开源颠覆了我对JavaScript的认知!太强大了!!
春华_秋实何在
春华_秋实何在
远离百度
y
yexg_
最早使用的 图表,很不错
addUserName
addUserName
最后一票,虽然只是偶尔用到过,不过挺好用的,给人顺滑的感觉
字符云监控
字符云监控
已投,感谢, 目前使用在 开源字符云监控系统上: https://gitee.com/xrkmonitorcom/open
ddlyts
ddlyts
因为你一个后端居然爱上了前端
小菜又一碟
小菜又一碟
梦幻一哥
梦幻一哥
在哪看源码?
c
chenxiangf
图标切换的时候为什么不把饼状图加进去?
红薯
红薯
昨天深圳源创会年终盛典会场上和 #ECharts# 负责人合影,超级棒的项目

ECharts 发布第 100 个版本 4.7.0

最新,ECharts 发布了在 GitHub 上的第 100 个版本! 柱状图柱条的背景色 曾经,很多有「为柱状图的柱条添加背景色」需求的小伙伴,都是通过添加一个额外的系列挪到底下来解决的。 这样的方法...

03/24 10:17

ECharts 4.2.1-rc2 发布, 基于 JS 的开源可视化库

ECharts 4.2.1-rc2 已发布,ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底...

2019/02/26 07:22

ECharts 4.2.1-rc1 正式发布, 基于 JS 的开源可视化库

ECharts 4.2.1-rc1 已发布,ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底...

2019/01/25 07:11

ECharts 4.2.0-rc.1 发布,基于 JS 的开源可视化库

ECharts 4.2.0.rc1 已发布,ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底...

2018/09/19 14:07

ECharts 4.1.0 正式发布, 基于 JS 的开源可视化库

ECharts 4.1.0 已发布,ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依...

2018/08/06 08:08

ECharts 4.1.0.rc2 发布, 基于 JS 的开源可视化库

ECharts 4.1.0.rc2 发布,ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层...

2018/05/03 07:26

ECharts 4.1.0.rc1 发布,基于 JS 的开源可视化库

ECharts 4.1.0.rc1 发布,带来一些性能提升和 bug 修复。 更新内容包括: 在大量数据(200K)的情况下启用烛状和条形图渲染并缩放 为树形图添加缩放和拖动交互 在折线图中,使用类别轴时增强...

2018/04/29 06:44

全票通过!百度开源项目 ECharts 首进 Apache 孵化器

近日,全球著名开源社区 Apache 基金会宣布“百度开源的 ECharts 项目全票通过进入 Apache 孵化器”。这是百度第一个进入国际顶级开源社区的项目,也标志着百度开源正式进入开源发展的快车道...

2018/03/08 11:22

ECharts 4.0.4 发布,修正柱状图布局的问题

ECharts 4.0.4 已发布,这是一个小的 bug 修复版本: 修正柱状图布局的问题。参见 #7831。 ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前...

2018/03/01 08:10

ECharts 4.0.3 发布,可以在微信小程序中使用了

ECharts 4.0.3 已发布,更新如下: [+] ECharts 可以在微信小程序中使用了。我们接到了很多微信小程序开发者的反馈,表示他们强烈需要像 ECharts 这样的可视化工具。但是微信小程序是不支持 ...

2018/02/27 15:18

没有更多内容

加载失败,请刷新页面

2
回答
点击echarts地图上的某一个区域,比如杭州市,跳转到具体的百度地图的杭州市地图

请问该如何实现,这个问题困扰我好久了 @Kener-林峰 请您帮帮忙

2015/02/28 10:26
5
回答
ECharts formatter可以添加点击事件吗?

@Kener-林峰 你好,想跟你请教个问题:ECharts formatter可以添加点击事件吗?

2014/09/09 14:49
2
回答
Echarts4.X关系图两节点间如何实现同向的多条关系线

我想实现Echarts4.X关系图两节点间实现同向的多条关系线,可是官方文档没有提到相关技术信息,来这专门请教下

2019/04/12 15:00
2
回答
echarts可拖拽的折线图可以首尾连接成一个闭合的多边形吗

想实现一个拖拽移动顶点圈出物体轮廓的功能(图2),找了几天没有找到合适的DEMO。 刚好看到echarts折线图(图1)可以拖拽而且顶尖间是曲线连接的,比...

03/02 09:27
9
回答
Echarts关系图节点间如何实现同向的多条关系线

@Kener-林峰 你好,想跟你请教个问题: Echarts关系图如何让两个节点间出现多条关联线段,如图所示:

2017/02/14 16:08
1
回答
问题有关:Vue-axios-echarts,求大佬帮忙

java:  public List<MachineState> machinestate(){         List<MachineState> ...

03/19 16:51
1
回答
Echarts中百度地图展示空气质量时,提示框展示的是纬度,能不能展示具体值
tcxu 的回答 03/18 16:31
最佳答案
在 tooltip 的定义中,添加 formatter 的内容,就能将地点名称,和所有数据(经度、纬度、以及 空气质量数据)显示出来。将 tooltip 写成如下形式即可: tooltip : { trigger: 'item', formatter: function (p) { retur...
2
回答
如何使用echarts?

能否在示例中加上echart的使用方法?十分感谢!

03/17 20:22
5
回答
Echarts3.0中的地图实例(模拟迁徙)中会动的小飞机资源可以更换成其他的吗?

我想把小飞机换成其他资源,比如卡车。但是官方给的代码只是: var planePath = 'path://M1705.06,1318.313v-89.2...

2016/05/13 16:15
2
回答
echart饼图如何支持下载为图片

echart饼图如何支持下载为图片?折线图可以支持下载,为什么饼图不可以?

03/01 17:48

没有更多内容

加载失败,请刷新页面

Echarts使用心得总结(二)

Echarts使用心得总结(二) 前言: 前一段时间一直都挺忙的,各种事,也没来得及每周的总结,趁着晚上的一点时间把项目中用的Echart中常用的各种图表给抽象总结了一下,趁着周末跟大家分享一...

2014/07/14 16:16
1.1K
1
在vue中使用echarts的自定义主题

1、安装echarts,npm i echarts -S 2、在main.js里引入echarts主题的js,一般在 node_modules---echarts---theme---macarons.js。 theme里边有各种各样的主题,任意选一种,这里我选的是mac...

2019/06/17 16:54
519
0
详解在vue中使用echarts图表实例代码

安装vue依赖 使用npm npm install echarts --save 使用yarn yarn add echarts 使用国内的淘宝镜像: //安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org //从淘...

2018/12/24 15:55
2.2K
0
ECharts 简单的使用过程,完美的图形展示

ECharts的简单使用过程,完美的图形展示

2015/08/07 17:31
1.7K
0
百度的echarts 能否给 markLine 的label 添加背景?

项目中遇到如下图的需求 查阅echarts配置项文档发现似乎没有markLine label的样式选项 请问怎么才能给label增加背景呢? 附: 在线echarts gallery代码 http://gallery.echartsjs.com/… ec...

2018/08/13 09:46
360
0
Echarts-地图扩展-标准geoJson格式扩展地图-例子

Echarts-地图扩展-标准geoJson格式扩展地图-全国主要城市例子。

2015/07/17 23:18
5.7W
0
echarts设置tooltip的宽高问题

ECharts容器: 1,ECharts容器设置宽度width,值可以是百分比或者是像素,当设置为百分比时,要检查父元素是否设置了宽度。注意:容器宽度设置不要用min-width,不然会发现tooltip的宽度等于...

2018/01/12 11:54
1.4K
0
ssh结合echarts做图表展示

在日常的开发中,我们常常需要使用图表对数据进行展示,在这里作者使用百度的开源图表echarts动态的展示数据。 看过echarts的API都知道,要想使用某种类型的图表展示数据,必须封装好一个JSO...

2018/06/04 09:42
1.2K
1
ECharts整合HT for Web的网络拓扑图应用

ECharts的页面渲染效果和酷炫的用户体验,吸引的不少用户的眼球,将ECharts整合到HT for Web中,和网络拓扑图的交互应用也拟补了目前HT for Web在图像组件上的不足。...

2015/03/16 00:39
7.9K
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部