ECharts-X 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
ECharts-X 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
ECharts-X 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
ECharts-X 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
ECharts-X 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 BSD
操作系统 跨平台
软件类型 开源软件
开源组织 百度
地区 国产
投 递 者 叶秀兰
适用人群 未知
收录时间 2015-02-05

软件简介

ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender

特色

混搭

ECharts 里的混搭功能很强大,作为 ECharts 的扩展,ECharts-X 自然也需要支持。ECharts-X 能跟 ECharts 中的折柱饼地图等图表混搭,可以有更丰富的可视化效果,同时 ECharts-X 也能够直接使用 ECharts 中的 legend, dataRange 等组件。

3D大规模标注

ECharts-X 中的标注在效果和使用上都跟 ECharts 中的标注(markPoint)类似,但是由于WebGL的强大能力,对于几万甚至几十万的markPoint也能进行实时的动画和交互

3D大规模标柱

标柱(markBar)是 ECharts-X 中新定义的一个概念,它是标注(markPoint)的衍生,在三维空间扩展了高度维度表达更丰富的数据信息。


3D大规模标线

同样 ECharts-X 中的标线在使用上和 ECharts 类似,但是展现效果从 2D 变成 3D 的曲线,支持几万条 markLine 的实时展现,动画以及交互

风场,洋流等向量场的可视化

NASA之前发布过全球洋流图,用梵高风格的表现使得可视化也充满了艺术感,ECharts-X 也提供了对洋流,风场这种向量场可视化的便捷配置。同样的,也是实时的展现和交互。


自定义底图

这个功能比较简单但是非常实用,能够配置地球的底图纹理图片,使得展现更有质感,以后也会在 ECharts 的 map 中加入。下面截图是将地图换成木星纹理的效果。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (27)

加载中
Echarts-X 3D地图zoom不起作用,初始化的时候没有作用,在转动过程中设置zoom值想要放大,结果也是没有效果。
2017/03/03 16:19
回复
举报
所谓的3D也就是地图数据而已
2017/01/11 16:39
回复
举报
太强大了 ECharts-X
2015/02/05 16:57
回复
举报
mark ECharts-X
2015/02/06 10:16
回复
举报
如此强悍! ECharts-X
2015/02/08 13:38
回复
举报
很牛逼的样子 ECharts-X
2015/02/08 16:51
回复
举报
牛逼啊 ECharts-X
2015/02/08 16:59
回复
举报
很强大呀 ECharts-X
2015/02/08 19:00
回复
举报
miubility ECharts-X
2015/02/09 08:45
回复
举报
牛13!!! ECharts-X
2015/02/09 08:50
回复
举报
更多评论
发表了资讯
2015/03/19 00:00

ECharts-X 0.2 发布,新增平面地图模式

ECharts-X 0.2 发布。map3d 新添了平面地图模式,可以选择更具体的国家地图而不再局限于世界地图。日照的配置可以展现地球上不同区域的昼夜。还有更丰富的视角控制。 v0.2.0 Changelog: 【+】 添加平面地图模式,见示例微博签到数据。 【+】 添加环境图设置,见示例map3d_sun。 【+】 添加日照设置,见示例map3d_sun。 [^] MarkPoint 优化,支持鼠标事件。 [^] Hover 判断性能优化。 [^] 支持 clickable, hoverable 配置。 [^...

8
45
发表了资讯
2015/02/05 00:00

ECharts-X 0.1 发布,下一代的 ECharts

ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。 目前发布的 ECharts-X 0.1 包含 map3d,并且在 map3d 中提供了丰富的对全球数据可视化(Globe Visualization)的手段。后续版本 ECharts-X 会对更多图表做 3D 的扩展,比如散点图(Scatter3D),表面图(Surface3D)。 特色 混搭 ECharts 里的混搭功能很强大,作为 ECharts 的扩展,ECharts-X 自然也需...

54
109
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/04/19 21:23

Echarts

如果Echarts是通过单标签引入,那么就没必要用require(),直接用名称即可 <script src="js/echarts.min.js"></script> //单标签引入 <script> var echart = require('echarts'); //非单标签引用时使用 var echart = echarts; //单标签引用时直接使用名字 </script> Echarts需要放在一个有宽高的容器中,然后在容器中初始化Echarts js代码要放在加载事件中或者要初始化的容器之后,否则找不到容器 <div id="zhuxi...

0
0
发表于大前端专区
2017/10/27 22:47

ECharts

# [ECharts](http://echarts.baidu.com/option.html#title) > ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。...

0
0
发表于大前端专区
2015/08/20 16:39

echarts

echarts百度扩展 http://developer.baidu.com/map/jsdemo.htm#c1_13

0
0
发表了博客
2018/05/11 14:26

echarts

一、准备   1. echarts-3.3.2.min.js   2. jquery.1.11.1.min.js 二、圆角加多渐变条形(ie8+)统计图 function barChart(id,data1,data2) { var colorShow = [ [ {offset: 0, color: '#FDD841'}, {offset: 0.5, color: '#FAB84B'}, {offset: 1, color: '#F79E55'} ], [ ...

0
0
发表了博客
2019/03/13 21:05

echarts

echarts $ npm i -S echarts https://echarts.baidu.com/tutorial.html https://www.echartsjs.com/api.html#echarts 工具栏 Toolbox https://echarts.baidu.com/builder.html https://echarts.baidu.com/echarts2/doc/example.html https://echarts.baidu.com/echarts2/doc/example/bar1.html https://echarts.baidu.com/echarts2/doc/doc.html#%E5%BC%95%E5%85%A5ECharts3 pie https://www.echartsjs.com/examples/editor...

0
0
发表了博客
2018/07/26 17:16

ECharts x时间轴不连续实现

想按时间对一批数据进行统计,但是时间可能不连续,找到一个highcharts 的例子,但是商业收费,不收费的会有一个highcharts标识,不是很想用这个,由于开始选则的是ECharts,所以最好还是有了ECharts, ECharts官方实例不够全比较多的功能没有例子,所以用ECharts实现做个记录省的忘了,我是看了 https://www.2cto.com/kf/201612/577871.html 的例子 ,然后根据官网的文档写的实例 html代码 统计按年月日周切换 <div class=...

0
0
发表了博客
2018/06/28 11:52

echarts x轴名称太长

echarts x轴名称太长了,隐藏一部分,鼠标移到名称上,显示全称 1 function extension(mychart, type) { 2 let extension = document.getElementById("extension"); 3 mychart.on('mouseover', function (params) { 4 if (params.componentType == type) { 5 extension.innerHTML = params.value; 6 let mousePos = mouseMove(); 7 let x = mousePos.x - 180; 8 let y = mouse...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2015/12/25 11:25

Echarts-x中MarkLine颜色和legend颜色不对应

如下图,我没有设置颜色,那么echarts应该使用默认颜色。可是这里颜色却对应不上,比如图中橘色对应的是淡蓝色。即使在option中设置color,颜色还是不对应。请问有谁遇到过这种问题或者可以哪位高手帮我解决这个问题吗? 代码如下: var data = "my json data"; var devices = []; $.each(data.points, function (key, value) { devices.push({ ...

2
0
发表了问答
2015/09/16 15:35

Echarts在时间轴timeline的问题,数据长度不一致,会保留上个点数据的问题

@Kener-林峰 你好,想跟你请教个问题: 关于地图下timeline的问题。 1.在map的timeline使用中,每个timeline的data数组长度不一致,会导致变换时间,会保留上个点的部分数据; 2.如果timeline对应的每个series项中有线条,还会产生额外的问题,即使markLine的data数组大小一直,线条数量相等,但起止点位置不同,也会保留有上个时间点的线。 请问,该如何去处理? (markLine的data中尝试过赋空值,失败。格式:[{},{}]或['-',...

2
0
发表了问答
2015/08/19 10:37

echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值

@Kener-林峰 你好,想跟你请教个问题: 如何显示如下图dataZoom所画效果?

2
0
发表了问答
2015/03/12 18:23

eCharts多张图根据手机屏幕横屏与竖屏重新绘制问题

求大牛解答一下,我一个JSP页面,用iSrcoll实现异步加载多个页面,每个页面都带有eCharts图,在没长setOption()后面都加了window.onresize=myCharts.resize;但是结果只有最后一个才实现了图的重新绘制,有没有什么办法能很好的解决这个问题。在线等答复!

1
0
发表了问答
2016/12/02 17:28

如何在ECharts雷达图的中间显示总值?

比如这样

5
0
发表了问答
2015/06/29 00:23

问个比较难的,关于离线echarts地图的问题。

http://echarts.baidu.com/extension/BMap/doc/example.html 因为最近一个项目需要用到地图,客户觉得这个例子不错。 生产环境是内网,没有外网。 问:如何能离线这个地图? 不管是放大还是缩小,都会访问网络资源,如何能离线呢???

3
1
发表了问答
2016/08/17 12:30

通过response.getWriter() 得到的字符串, 写入到<textarea id="code" name="code"></textarea>里面,这种方式可行吗?

您好,版主: 今天在开发过程中,想在<textarea id="code" name="code"></textarea>里面写入通过servlet传回来的字符串,内容与example里面的<textarea>中的内容相同,但是前台却无法显示,请问这种方法可行吗?。或者怎么样才能和后台进行互动?请各位大神指点一二,不胜感激。 截图如下: 静态页面中的<textarea>内容:

2
0
发表了问答
2016/04/18 21:35

ECharts 3是否支持3D散点图?

虽然我感觉3D散点图可能没什么用,但是还是有这个需求。 有没有人知道,echarts 3 是否能做3D散点图呢? 我没找到任何示例。。

2
0
发表了问答
2015/05/11 16:55

Echarts 柱状图中 能不能手动选择看哪些柱子的数据的?

比如这个图,我只想看第一节课的数据的话有参数可以设吗? 有没有先加载全部数据然后可以手动选择看哪个的方案啊?

2
0
发表了问答
2015/03/05 14:36

echarts-X官方示例打不开

@Kener-林峰 你好,今天打开echarts官网,看来下echarts-X的示例,结果不小心被踢掉电源线,再开机后打不开示例了 报错 Uncaught TypeError: Cannot read property 'render' of null map3d.js:1 Uncaught TypeError: Cannot read property 'update' of undefined Cannot read property 'pick' of undefined 提示webGL未启动,启后仍然打不开,无奈 将chrome卸载重装,仍然打不开,浏览器右上角提示 Sorrt,your browser does su...

2
0
发表了问答
2015/03/10 08:45

firefox下也有报错

@pissang 你好,想跟你请教个问题: TypeError: this._picking is undefined Layer3D.js (第 196 行,第 8 列) return this._picking.pick(x, y); 请帮忙看一下,谢谢

5
0
发表了问答
2015/03/09 16:12

IE11下打不开,一堆js错误。

@pissang 你好,想跟你请教个问题: 大概什么时候能出新版本啊? IE11下打不开,修改了好多文件的逗号问题,最后在esl.js这个文件卡住了,这个文件是混淆过的,不好调啊。 错误提示:SCRIPT438: Object doesn't support property or method 'keys'

3
0
发表了问答
2015/02/15 17:22

3D地图上添加的markPoint能否添加点击事件响应?

@pissang 你好,想跟你请教个问题: 我测试代码如下: require.config({   packages: [{     name: 'echarts-x',     location: 'echarts-x/src',     main: 'echarts-x'   }, {     name: 'echarts',     location: 'echarts/src',     main: 'echarts'   }, {     name: 'zrender',     location: 'zrender/src',     main: 'zrender'   }, {     name: 'qtek',     location: 'qtek/src',     main: 'qtek.amd'   }] }); require([   'echarts',   'qtek/co...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
27 评论
520 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部