如何在 HTML5 中为 ipad Web 应用程序创建条形图 [关闭]

Posted 2023-03-14

【中文标题】如何在 HTML5 中为 ipad Web 应用程序创建条形图 [关闭]

【英文标题】：how to create bar graph in HTML5 for ipad web app [closed]

【发布时间】：2012-07-12 08:09:46

【问题描述】：

我有适用于 ipad 的 ios 本机应用程序，我希望该应用程序可以转换为 Web 应用程序，所以我在 html5 中制作应用程序，但问题是我如何为 HTML5 应用程序创建条形图。是否有任何文档或构建在 api 中。

对于 iOS，我们有这样的 EasyGraph

【问题讨论】：

尝试查看 HTML5 上的 canvas 或 svg api。也许他们可以提供帮助

【参考方案1】：

你可以看看http://www.sencha.com/products/touch/charts

基本上我会使用 DIV 和 css 制作基本的条形图

【讨论】：

是的，但是图表会从用户那里获得价值，然后在运行时创建

您可以在运行时更改 DIV 的帧大小。或者使用 canvas 或 svg 作为 tomexsans 来获得更多图形。

这里是 HTML5 教程：williammalone.com/articles/html5-canvas-javascript-bar-graph

这里是画布版本：html5laboratory.com/creating-a-bar-chart-with-canvas.php