图表工具类似于Google Visualization

Question

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

我的主要要求：

• 标准饼图，条形图和折线图
• 悬停和onclick行为
• 数据汇总：总和，平均值等（如Google数据表）
• 带时间范围过滤器的时间刻度
• 很高兴：热图，仪表，地理地图，甘特等。

或者，我会对图形工具包的建议感兴趣，这将是一个很好的起点。我已经阅读了关于d3.js的好东西，但是没有太多的文档。我甚至没有找到d3支持的浏览器（我需要IE 7）。

Answer 1

dojox图表具有丰富的功能，开源和可扩展，跨浏览器工作，并支持多个渲染引擎：svg，canvas，vml - 它正在积极发展，并且自推出以来已经走过了漫长的道路。我在几个项目中成功使用过它。

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

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

你可能想要权衡功能/丰富性与性能，开源/可扩展性和其他因素来做出选择 - 好消息是现在有很多库： - ）

Answer 2

它有一些不同的框架，例如：

• flot for jQuery

拉斐尔的

• g.raphael

• Highcharts JS作为Javascript的框架

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

Answer 3

FusionCharts Suite似乎最适合您的需求。

• 列，条形图，饼图 - http://www.fusioncharts.com/demos/gallery/#column-and-bar
• 悬停和点击行为 - http://www.fusioncharts.com/demos/features/#interactive-legend＆amp; http://www.fusioncharts.com/demos/features/#informative-tool-tips
• 数据汇总 - http://www.fusioncharts.com/demos/gallery/#zoom-line
• 时间范围图表 - http://www.fusioncharts.com/demos/features/#self-updating-charts
• 热图图表 - http://www.fusioncharts.com/demos/gallery/#heat-map-chart
• 可视化修改的图表 - http://www.fusioncharts.com/demos/gallery/#visually-editable-charts
• 具有实时功能的仪表 - http://www.fusioncharts.com/demos/gallery/#gauges
• 渠道 - http://www.fusioncharts.com/demos/gallery/#funnel-chart
• 金字塔图表 - http://www.fusioncharts.com/demos/gallery/#pyramid-chart

它也有详尽的文档 - http://docs.fusioncharts.com/

Answer 4

为了促进讨论，​​我建议您查看amCharts。

他们的JavaScript Charting库非常强大，积极开发和支持，并有详细记录。 IE7也受支持。

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

Answer 5

查看InfoCaptor信息显示板http://www.infocaptor.com

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

支持以下所有要求

• 标准饼图，条形图和折线图 - 开箱即用
• 悬停和onclick行为 - 开箱即用

• 数据汇总：总和，平均值等（如Google数据表） - 提供所有SQL数据库和

的连接器

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

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

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

希望这有帮助