用于移动的Web图表库,我们自己的研究

时间:2010-10-01 21:29:40

标签: javascript html5 mobile charts svg

我们正在寻找一个很好的基于javascript的库,用于我们被要求做的Web图表应用程序。图表将是可访问的,并且实际上应该很好地通过移动设备(iOS,Android等)进行交互。用户将能够深入研究一些数据集,因此快速工具(处理图形和加载数据)和交互性越强越好。

如今,有无数的选择,还有很多方面需要关注。根据我的研究,我把以下列表放在一起。事先道歉任何错误,它不是100%完整或准确..但我认为仍然有用:

https://spreadsheets.google.com/pub?key=0As7T_22rXSbtdF9YeklwcUVXSEdwQnN0a0FvcWpoU2c&output=html

你有什么看法?你有这种应用的经验吗?也许我错过了一些候选人?

我们正在缩小选择范围,但我仍然不确定哪种选择是最好的选择。我脑子里浮现出一些问题:

  • 呈现图表的不同方式(SVG / VML与HTML 5画布)。哪一个更适合移动设备中的浏览器?哪一个更适合用户互动?
  • 让它看起来很棒。哪些库可以轻松调整外观? CSS真的很强大吗?

5 个答案:

答案 0 :(得分:4)

你错过了Sencha Touch

答案 1 :(得分:1)

首先,如果您需要移动支持,请丢弃SVG作为解决方案。它并没有得到广泛支持。另一方面,旧版本的IE不支持Canvas,但可以使用exCanvas.js library通过VML进行模拟。

关于使它看起来不错,CSS与这些库无关。 CSS影响DOM元素,canvas内容是二进制数据。正如单词所说,Canvas是一个空白画布,供您通过Javascript API绘制。在canvas元素中绘制一条线后,该信息就是画布中的像素。

顺便说一句,这是你收集的一个很好的清单,我很确定它是完整的。其中唯一的入侵者是邓达斯。首先,是一个.Net库,并在服务器中生成图表。其次,已被弃用。 Dundas不再销售组件,他们完全参与仪表板解决方案。

希望我能提供帮助。

答案 2 :(得分:0)

我现在为几个项目选择了Flot并且运行良好。它有很多示例,可配置,看起来很棒,并且是可扩展的。它依赖于jQuery。

答案 3 :(得分:0)

您可能还想将dhtmlxChart添加到列表中。

这是一个基于Canvas的JavaScript图表库,支持不同的图表类型:line,pie,area,bar,radar等.dhtmlxChart在GPL v2下发布(需要商业许可才能在专有项目中使用它)。

(免责声明:我为DHTMLX工作)

答案 4 :(得分:-1)

我知道这是一个老问题,但我们最近不得不做类似的研究。

我们将研究重点放在支持线/面积图的移动图表库(Android和iOS,原生或混合 - 与Cordova-)上。所有信息都是从相应图表库的网站收集的,尚未进行个人测试。

结果如下:
https://goo.gl/0tVC6a

我希望它有所帮助。