2012-07-30 81 views
3

任何人都可以指向任何资源来制作图表HTML5?我通过Google看到的大多数资源都使用动画图形,我只想在HTML5中使用简单的静态图形。还有一件事,我在图表上非常薄弱,所以一个简单易懂的解决方案会非常有帮助。我将使用这个XML文件以图形格式显示数据。 US Canada Mortality纯粹用HTML5绘制图形

在此先感谢:-)

+1

这是作业吗?如果是这样,请添加'家庭作业'标签。 – TheZ 2012-07-30 19:30:25

+1

哦!我忘了,完成了! – unknownsatan 2012-07-30 19:31:41

+0

我假设通过HTML5图表,你的意思是你想使用''元素,对吧?如果是这样,如果你想自己做,你应该只是在绘制画布上寻找教程。或者,如果你想要一个整体解决方案,也许:http://www.humblesoftware.com/flotr2/ – TheZ 2012-07-30 19:33:54

回答

2

检查新canvas标签。它允许您使用javascript绘制包括矩形和圆形的形状。 Canvas Tutorials

但是,如果您只是在寻找标准条形图,则可以使用具有指定宽度,高度和背景色的div标记。此方法避免使用JavaScript。

+0

SVG元素也适合作为不需要Javascript的绘图环境。对于动态解决方案,canvas可以很好地与一些AJAX一起加载XML。 – TheZ 2012-07-30 19:38:57

+0

使用XML的画布?可能吗? – unknownsatan 2012-07-30 19:39:55

+1

这是否为“纯HTML5”取决于您对“HTML5”的定义。 W3C HTML5草案只是定义了“canvas”元素,并且指向了Canvas API。所有的绘图必须使用在草稿外定义的API在JavaScript中完成。 – 2012-07-30 20:31:24