知识共享许可协议

ECharts 3.2.0 变动介绍

在 6 月 30 这个 ECharts 三周年之际我们发布了 3.2.0,这个版本是 ECharts 进入 3 之后最大的一次升级,新增的特性中有些是大家反复提了好久的,有些是我们自己想了很久的,有些我们在实现后光看看效果都觉得非常激动,有些可能看不出来区别但是我们也在底层做了很多工作。

希望这个开发了长达一个多月时间的新版本不会让大家失望。

新版本都有哪些东西?

在功能方面,这个版本新增了 brush(刷选),markArea,单轴等组件,除此之外对已有的图表组件,比如折线图,线图,dataZoom,坐标轴等做了或多或少的增强和优化,当然还有一些 bug 的修复。

这个版本在底层的性能上也做了很多的优化工作,首先直观的用数据来说大部分场景底层重绘的效率是原先的 2x~3x。其次是引入了渐进式渲染和单独的高亮层防止图形很多的时候交互和重绘带来很严重的阻塞。

同时我们官网还新增了一款 主题编辑器 方便大家编辑自己的主题

下面会一一介绍这些新特性。多图流量党慎入! 完整无图的 changelog 见 这里

阅读全部

14款基于javascript的数据可视化工具

原文:Are you ready for the era of big data? 14 popular JavaScript based data visualization tools

俗话说,一图胜千言。图形化的信息可以让人们对数据有更加直观清晰的理解,让信息发布者更加高效地展示自己的核心内容。在前端开发中,如果缺少合适工具,制作数据可视化图表会十分复杂。然而随着数据可视化概念逐年火热,有较多优秀的图表开源库和制作工具脱颖而出。下面,我们就拿其中比较有名的 14个产品进行简要介绍。

AnyChart

链接:http://www.anychart.com/

AnyChart 是基于 Flash/JavaScript(HTML5) 的图表解决方案,它可以轻松地跨浏览器、跨平台工作。除了基础的图表功能外,它还有收费的交互式图表和仪表功能。它可以通过 XML 格式获取数据,该方式让开发人员非常灵活地控制图表上的每一个数据点,而当图表数据点数量偏大时,则可以采用 CSV 数据输入,减小数据文件大小和图表加载时间。

amCharts

链接:http://www.amcharts.com/

amCharts 是一款高级图表库,致力于对 Web 上的数据可视化提供支持。它所支持的图表包括柱状图、条状图、线图、蜡烛图、饼图、雷达、极坐标图、散点图、燃烧图和金字塔图等等。amCharts 库是一款完全独立的类库,在应用中不依赖任何其他第三方类库,就可直接编译运行。除了提供最基本的规范要素外,amCharts 还提供了交互特性。用户在浏览基于 amCharts 制作的图表时,用鼠标 hover 图表内容,可以与其进行交互,使图表展示细节信息,其中呈现信息的容器被叫做 Balloon(气球)。除此之外图表可以动态动画的形式被绘制出来,带来了了非常好的展示效果。

阅读全部

ECharts 3 带来了什么

ECharts 在 github 上沉寂了数个月,想必很多小伙伴充满了各种疑问,ECharts是不是不维护了?你们以后是不是不做了?别着急,其实这几个月,我们的设计师、工程师一直厉兵秣马,加班加点,没有周末,没有女朋友地疯狂工作中。

终于,ECharts 的又一个重大版本即将出炉,在 ECharts 3 正式版发行前,我们选择了今天,12.3,一个能够隐喻我们一步一步从1.0到2.0再到3.0走来的日子,提前给广大用户带来 ECharts 3 的测试版。

那 ECharts 3 究竟会有哪些新的特征,我们用数月究竟在颠覆着自己的什么呢?接下来让我们一一为您道来:

焕然一新的面貌

焕然一新的面貌

焕然一新的面貌

从底层的技术架构到上层的外观展现,都进行了较大的升级。无需多言,请看下面的诸多例子。

阅读全部

LineUp:多属性排序的可视分析

译自:LineUp: Visual Analysis of Multi-Attribute Rankings

前言

在我们的日常生活中经常会遇到各种各样的排序列表,排序是将无序的数据项集合重组的普遍方式,它基于数据项的单个或多个属性值为数据项计算一个排名。多属性排序是普遍存在的,在多属性排序中,我们无法直观理解单个属性对排序所作得贡献以及单个或多个属性的变动是如何影响排序的。

具体来说多属性排序可视化工具需要解决的问题为:

  1. 当诠释一组排序时,我们想知道为什么一个数据项的排名比其他项要低(高),是因为它的所有属性值都低(高)还是因为它的某个属性值较低(高)。
  2. 如何使得不同类型的属性之间具有可比性,并且组合在一起产生一个排名。
  3. 如何比较同一个数据项的不同排名,如修改一个数据项的属性,它的排名会相应变化,我们希望比较这些变化的排名。
  4. 如果可以修改排序中单个或多个数据项的属性,我们希望探究属性值改变所产生的效果。

在这篇文章中将介绍对多属性排序可视化的需求所作的全面分析,以及全新的多属性组合排序可视分析技术LineUp的设计与实现。

阅读全部

ECharts 发布 2.2.2

在五一劳动节的前一天,ECharts发布了一个非常2的版本,2.2.2。在本版本中,我们一共做了以下重大升级:

  • 新增韦恩图(venn)及Treemap
  • 发布 ECharts 在线构建工具
  • 新增对数轴

并且修复了一些反馈较多、优先级较高的问题:

阅读全部

ECharts基础教程视频发布

ECharts的创始人,Kener-林峰在网易云课堂上发布了《ECharts基础教程》视频,定价99元。是的,你没看错,这次不是免费的。

在EFE,我们要求所有业务无关的技术产品必须开源。我们知道即使开源也可能没什么人会和你一起玩,但开源代表的是我们开放的态度,欢迎别人一起玩,欢迎大家用,更欢迎大家监督,这对我们自己也是一种鞭策。所以ECharts一开始就是开源的,而且是BSD协议,可以免费用在任何地方。相比之下,HighCharts商业使用是要收费的,这是越来越多的用户开始使用ECharts的原因之一。但是更重要的,ECharts能有今天的成绩,是因为林峰。

作为林峰的战友,我目睹了他在这两年多来的努(wan)力(ming)。我经常能够看到他晚上两点im工具的头像还是亮的。有时候他会凌晨三四点钟梦到一个feature,兴奋得睡不着,又为了不打扰到家人,就开车到公司来干。这时候公司的地下停车场还没开门,车就只能停在地上。我相信这是梦想和他本身的热情。

和很多技术geek不同,他很注重技术产品的API易用性。大家在谈论一个lib怎么拆分才能更好扩展的时候,他会更关注提供的API是怎样别人用的才更舒服。我也看到很多技术产品本身很厉害但是例子和文档都不全导致感兴趣的人无从下手,这些脏活累活的周边重要度甚至超过了产品本身,但技术人员往往排斥这些事情。他和别人不同,他花费了很大的时间和精力去制作了ECharts的官网、文档、上百个例子、还有《Why ECharts》的展示页。这也是ECharts能有这么多用户的重要因素。我一直想用static site generator去重构ECharts的官网,但看着这么多页面,最终还是没有找到勇气和足够大块的时间下手。

他能够把握ECharts每个feature发布的时间,每次发布都有很多独有的亮点,能吸引不少用户。当然这都是后话,对他而言,心里的想法很多,就是做一些,发布一版,再做一些,再发布,很自然的事情。

从发布1.0、2.0、再上了GitHub Explore后,ECharts的用户呈现了爆发式的增长,每天收到的开源中国、GitHub issue、邮件都有很多,而且很大一部分是问一些比较显而易见能够在官网上找到答案或例子的问题。我对ECharts的使用不熟,只能回一些简单的问题,光是“ECharts商用是不是免费”的邮件我已经回过好多封了。我看到林峰每天依旧很忙,但是ECharts的进步速度确实在放慢,他每天花很多时间在回复一些显而易见的问题上。然后他和我说,太多重复的问题了,我要做一个视频教程系列,以后就不用回答这些问题了。所以大家可以看到,《ECharts基础教程》的第一篇就是《如何使用官网》。

人可以有不止一个梦想。两周以前,林峰离开了EFE,离开了数据可视化,去追逐更高的梦想和天空。然后他发出了在春节放假期间录制的《ECharts基础教程》,定价99元。我们讨论过这个问题,我个人觉得他定价是比较低的,现在的物价请人吃饭都要至少一百块。我们相信: