全新 3D 可视化库 ECharts-X

全新 3D 可视化库 ECharts-X

BSD
JavaScript 查看源码»
跨平台
百度
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 中加入。下面截图是将地图换成木星纹理的效果。

加载中

评论(27)

黄隐后人
黄隐后人
Echarts-X 3D地图zoom不起作用,初始化的时候没有作用,在转动过程中设置zoom值想要放大,结果也是没有效果。
C
Chanel N°5
所谓的3D也就是地图数据而已
半边牙痛
半边牙痛
我们最近找一个可视化工程师---可以兼职。有兴趣的联系QQ379212986 #ECharts-X#
翟志军
翟志军
好牛B啊。看起来 #ECharts-X#
Yasemin
Yasemin
最近一个数据可视化的项目,我想用echart-x,但是很多参数我都不用不起来,能够成功的将官方的例子实现,但是再添加其他参数的时候总是没有任何效果,参考文档太简单。不知道是我用的不对,还是echarts-x暂时不支持 #ECharts-X#
huangyanxiong
huangyanxiong
看来要学习了 ECharts-X
贾子敬
贾子敬
下载下来的DOC中要修改些代码才行啊,其中有文件名大小写问题、JS代码问题等。 ECharts-X
小咖
小咖
我去。。。 ECharts-X
sjack
sjack
好吊 ! ECharts-X
COSE
COSE
强悍的EX级软件 ECharts-X

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

ECharts-X 0.2 发布。map3d 新添了平面地图模式,可以选择更具体的国家地图而不再局限于世界地图。日照的配置可以展现地球上不同区域的昼夜。还有更丰富的视角控制。 v0.2.0 Changelog: 【+...

2015/03/19 11:10

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

ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。 目前发布的 ECharts-X 0.1 包含 map3d,并且在 map3d 中提...

2015/02/05 15:00

没有更多内容

加载失败,请刷新页面

没有更多内容

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

@Kener-林峰 你好,想跟你请教个问题: 关于地图下timeline的问题。 1.在map的timeline使用中,每个timeline的data数组...

2015/09/16 15:35
1
回答
eCharts多张图根据手机屏幕横屏与竖屏重新绘制问题

求大牛解答一下,我一个JSP页面,用iSrcoll实现异步加载多个页面,每个页面都带有eCharts图,在没长setOption()后面都加了window...

2015/03/12 18:23
2
回答
如何在ECharts雷达图的中间显示总值?
886MG 的回答 2016/12/02 19:39
最佳答案
option = { title: { text: '88', x: 'center', y: 'center', textStyle: { color: '#333', fontWeight: 'bolder', fontSize: 64, } }} option.title.text=128;
3
回答
问个比较难的,关于离线echarts地图的问题。

http://echarts.baidu.com/extension/BMap/doc/example.html 因为最近一个项目需要用到地图,客户觉得这...

2015/06/29 00:23
1
回答
通过response.getWriter() 得到的字符串, 写入到<textarea id="code" name="code"></textarea>里面,这种方式可行吗?

您好,版主: 今天在开发过程中,想在<textarea id="code" name="code"></textarea>里面写入通过servlet传回来...

2016/08/17 12:30
2
回答
echarts-x中的3D地球只有chrome显示正常,firefox显示区域border是乱的

echarts-x中的3D地球只有chrome显示正常,firefox显示区域border是乱的 chrome的显示正常 firefox的border是乱的

2016/04/08 15:04
1
回答
ECharts-X地球markLine方法画出的线如何加粗?

试过了各种办法还是细细的一根线。 type: ‘map’就能把线加粗,谁有好的办法。 myChart.setOption({ tooltip: { for...

2016/07/29 17:01
1
回答
ECharts 3是否支持3D散点图?

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

2016/04/18 21:35
1
回答
echarts 时间轴标注

@Kener-林峰 你好,想跟你请教个问题: 现在想要实现这样一个场景:图表是按天展示数据的折线图,X轴是日期,当拖动dataZoom区域缩放,缩小到只有...

2016/02/16 15:46
1
回答
echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值

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

2015/08/19 10:37

没有更多内容

加载失败,请刷新页面

echarts地图扩展中国七大区,下转到区域下的各个省

最近公司项目要做一个地图分七大区并下转到省的数据看板,但是echarts没有中国七大区域地图,在网上找了很久也没找到相关的geoJSON地图数据文件,因此就自己编写了一个七大区域的json文件,包...

2015/06/06 22:41
627
1
ECharts 简单的使用过程,完美的图形展示

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

2015/08/07 17:31
387
0
WeX5快速集成Echarts

ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等)...

2015/03/19 21:21
192
0
使用Echarts制作散点图(Excel导入数据方式)

Echarts是一款有效的js制图工具很多时候,其主要优势在于网页浏览时,具有非常炫酷的效果,但是将其保存为静态图像也很美观。我们在写工作报告或写论文的时候,都需要制作基本的统计图表以直...

2015/06/29 11:25
502
0
Echarts-地图扩展-标准geoJson格式扩展地图-例子

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

2015/07/17 23:18
26.2K
0
Qunee for HTML5与ECharts对比

ECharts是百度公司支持的开源产品,定位于Chart,Qunee for HTML5是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比...

2015/02/11 12:24
477
0
小程序引入echart图表

ECharts 和微信小程序官方团队合作,提供了 ECharts 的微信小程序版本,ECharts图表技术在国内应该是最好的了,能结合到小程序应用真的是极好。 准备:小程序开发环境,下载ECharts组件,git...

07/27 19:18
53
0
当ECharts碰到TWaver

百度公司的ECharts发展迅速,已经成为HTML5 Chart的佼佼者,这让大家骄傲:中国人终于也有世界级的开源通用UI产品了。正如其网站所说,它是百度的,是中国的,也是世界的。想想那些年,我们追...

2015/04/22 00:58
94
0
ECharts发布2.2.2版本

ECharts发布2.2.2版本,新增韦恩图、Treemap,发布在线构建工具

2015/04/30 11:20
55
0
Echarts使用心得总结(二)

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

2014/07/14 16:16
715
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部