在jquery中创建图表

Question

我想创建一个图表，按月分解我的年度交易，并给我每月的总销售额。 我有一个表格，包含每笔交易及其日期。 我想用jquery来做这件事。 最好的方法是什么？

Answer 1

看看Flot，这是一个用于jQuery的JS绘图库。 http://code.google.com/p/flot/示例：http://people.iola.dk/olau/flot/examples/

Answer 2

我认为这里存在两个问题：

1. 生成图表的数据 来自您拥有的数据和
2. 选择图表工具本身。

看起来您想要折线图或柱形图的数据，其中x值是月，y值是每月销售额的汇总。

如果交易数据当前打印到 HTML表格，您需要抓取它并将javascript中的月销售价值汇总到数组[[x1, y1], [x2, y2], ...]，然后传递给它新数组到您选择的jQuery图表插件。

如果事务数据位于数据库表中，则应使用SQL进行聚合，并使结果集可供图表插件访问。最简单的方法是使用内联表达式将结果服务器端打印到javascript变量值：

var data = <%= SalesPerMonth() %>;

其中SalesPerMonth（）是返回[[x1, y1], [x2, y2], ...]的字符串值服务器端函数

在jQuery图表插件上，我最近evaluated了一堆图表控件，并且非常喜欢flot的时间序列图表。另一个选项是jqPlot，它也有data point highlighting的漂亮图表。但最后我没有选择jQuery插件，而是FusionCharts Free，这是一个Flash图表组件。

如果有任何javascript图表工具，而不仅仅是jQuery插件，你应该检查Emprise Javascript Charts并阅读Steve Reynold的另一篇文章5 Javascript Chart Alternatives。