【问题标题】:Charting tool similar to Google Visualization类似于 Google Visualization 的图表工具
【发布时间】:2012-04-01 19:02:21
【问题描述】:

我需要在我正在构建的 JavaScript 应用程序中包含一个仪表板。 Google Visualization API 将提供我正在寻找的所有功能,除了我需要一个无需 Internet 访问且可以嵌入到我的应用程序中的工具。

我的主要要求:

  • 标准饼图、条形图和折线图
  • 悬停和点击行为
  • 数据聚合:总和、平均值等(如 Google 数据表)
  • 带有时间范围过滤器的时间刻度
  • 很高兴拥有:热图、仪表、地理地图、甘特图等。

另外,我会对有关图形工具包的建议感兴趣,这将是一个很好的起点。我读过关于 d3.js 的好东西,但周围没有太多文档。我什至没有找到 d3 支持哪些浏览器(我需要 IE 7)。

【问题讨论】:

  • 如果您正在寻找 D3 文档,请尝试 github.com/mbostock/d3/wiki/API-Reference。 wiki 上还有更多的教程和此类链接。
  • @mbostock thx。那是我查看的地方,但我没有找到简单问题的答案,例如支持哪些浏览器,或者插件/模块列表。
  • 查看 README 以获得浏览器支持。 github.com/mbostock/d3/blob/master/README.md我们还没有正式的插件模块,但是有很多例子你可以在wiki主页上借鉴。
  • 谢谢。对不支持 svg 的旧浏览器有什么建议吗?

标签: javascript charts visualization d3.js


【解决方案1】:

dojox 图表功能丰富,开源且可扩展,跨浏览器工作,并支持多种渲染引擎:svg、canvas、vml - 它正在积极发展,自推出以来已经取得了长足的进步。我已在多个项目中成功使用它。

High Charts 和 Fusion charts 现在也提供基于 JS 的图表

Raphael JS 也适合轻量级图表需求 -

您可能需要权衡特性/丰富性与性能、开源/可扩展性和其他因素来做出选择 - 好消息是现在有很多库 :-)

【讨论】:

  • 谢谢,所有看起来都是不错的选择。 dojox 看起来很有趣,我想知道为什么它从未出现在图书馆评论中。我以前没听说过。
  • 可能是因为它的市场营销不多,它是一个开源框架。此外,imo 仅在过去一年左右才真正变得非常丰富(酷)- 它非常灵活,因此您可以扩展、插入自己的自定义功能,甚至为社区做出贡献-
【解决方案2】:

它有一些不同的框架,例如:

但还有更多。尝试搜索并寻找适合您需求的框架/插件。

【讨论】:

  • 如果我错了,请纠正我,但在我看来,您提到的解决方案“仅”做图表,它们没有仪表板所需的数据聚合功能(谷歌提供)。
  • 是的,你是对的,Highcharts 只会绘制给它的内容(除非在日期时间图表 highcharts.com/stock/ref/… 中将每日点分组为周)。这可能适用于 FusionCharts 以及他们在解决方案中捆绑 highcharts,但我对此不是 100% 确定。
【解决方案3】:

【讨论】:

    【解决方案4】:

    只是为了参与讨论,我建议您查看amCharts

    他们的 JavaScript Charting 库非常健壮、积极开发和支持,并且有据可查。也支持 IE7。

    JavaScript Stock Chart 产品提供了您提到的大部分功能,例如数据点聚合。它甚至是基于缩放范围的动态。

    【讨论】:

      【解决方案5】:

      看看 InfoCaptor Dashboards http://www.infocaptor.com

      它可以自托管并嵌入到其他应用程序中。后端是 PHP,它是完全基于 javascript/html5 的图表引擎。

      支持以下所有要求

      • 标准饼图、条形图和折线图 - 开箱即用
      • 悬停和点击行为 - 开箱即用
      • 数据聚合:总和、平均值等(如 Google 数据表)- 提供所有 SQL 数据库的连接器和

      • 包括带有时间范围过滤器的 Google 电子表格时间刻度 -
        仪表板提示/参数和过滤器很不错:热图,

      • 仪表、地理地图、甘特图等 - 包含甘特图和各种仪表

      它没有地图,但您可以使用 jvectormaps 或其他地图 api 以及仪表板中的自定义 html 小部件构建图表。

      希望对你有帮助

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-07-29
        • 1970-01-01
        相关资源
        最近更新 更多