大家一般用什么方法实时的生成统计图并回显给访问者?

Question

大家一般用什么方法实时的生成统计图并回显给访问者?

谢谢大家, 选择了hiyangguo不是因为贴的多, 而是发现了他贴出的链接中有我需要的其他资源.

Answer 1

Web 数据可视化工具

• d3：一个对 HTML 和 SVG 进行可视化的 JavaScript 库。官网

• metrics-graphics：更简洁和拥有更规范的数据图表布局优化算法的库。官网

• pykcharts.js：经过精心设计后，去除 d3.js 复杂性的 d3.js 图表库。官网

• three.js：JavaScript 3D 库。官网

• Chart.js：简单的、基于 canvas 标签的 HTML5 图表库。官网

• paper.js：是矢量图形脚本中的瑞士军刀 —— 使用 HTML5 Canvas 将 Scriptographer  移植到 JavaScript 官网和浏览器。

• fabric.js：JavaScript Canvas 库，SVG 与 Canvas 可以相互解析。官网

• peity：进度条、线状和饼状图。官网

• raphael：JavaScript 矢量库。官网

• echarts：商业产品图表。官网

• vis：动态的、基于浏览器的可视化库。官网

• two.js：一个渲染器无关的适用于 web 的二维绘图 api 。官网

• g.raphael：基于 Raphaël 图表库。官网

• sigma.js：一个致力于图形绘画的 JavaScript 库。官网

• arbor：一个使用 web workers 和 jQuery 的图形可视化库。官网

• cubism：可视化时间序列的 D3 插件。官网

• dc.js：与 crossfilter 无缝合作的多维图表绘制库，使用 d3.js 渲染。官网

• vega：一套可视化语法。官网

• processing.js：Processing.js 基于 Web 标准使数据可视化，而无需任何插件。官网

• envisionjs：动态的 HTML5 可视化。官网

• rickshaw：用于构建交互式实时图表的 JavaScript 工具包。官网

• flot：吸引人的、基于 jQuery 的 JavaScript 图表库。官网

• morris.js：漂亮的时间序列线框图。官网

• nvd3：一个为 D3.js 构建可复用图表和图表组件的库。官网

• svg.js：一个轻量的、用于操作和添加 SVG 动画的库。官网

• heatmap.js：基于 HTML5 canvas 的热力图 JavaScript 库。官网

• jquery.sparkline：一个直接在浏览器端生成小型走势图的 jQuery 插件。官网

• xCharts：一个基于 D3、用于构建自定义图表和图形的库。官网

• trianglify：基于 d3.js 的低多边形（low poly）风格背景图片生成器。官网

• d3-cloud：创建词云（word cloud）效果的 JavaScript 库。官网

• d4：一个基于 D3 、友好、可复用的 DSL 图表库 。官网

• dimple.js：基于 d3 的简易商业分析图表库。官网

• chartist-js：简单的响应式图表。官网

• epoch：一个通用的实时图表库。官网

• c3：基于 D3 的可复用图表库。官网

• BabylonJS：一个运用 HTML5 和 WebGL 构建 3D 游戏的框架。官网

• jquery.raty.js：一个星级评分插件。官网

也有一些很棒的收费库，如 amchart、plotly 和 highchart。

原文地址: awesome-javascript-cn

Answer 2

highchart echart 这类传json参数的js图表生成库都挺不错的呀

Answer 3

highcharts

Answer 4

echarts 不过好像做一个要用一个ID。。

Answer 5

google chart