在网页中绘制图表的最佳方式 [英] Best way of drawing a chart in a web page

问题描述

大家好，

我是网络编程的新手，只是想征求意见。我想开发一个网页，在主页中，我想显示一种图表。节点用箭头连接，箭头将被超链接。在基于窗口的应用程序中，我知道有一些工具，如Visual Basic Power Tools，你可以在其中拖放线条，椭圆或箭头等形状，并在那里使用，制作图表相当容易。



但在网络应用程序中，我找不到任何可以帮助我绘制图表的工具或任何东西。是否有关于某种工具或某些东西的建议，以便我可以在网页中绘制图表？ ：）

Hi guys,
I'm new in web programming and just want to ask for an opinion. I want to develop a web page and in the home page, I want to display a kind of chart. With nodes connected with arrows and the arrows will be hyperlinked. In a window based application, I understand there are tools like Visual Basic Power Tools in which you can drag and drop shapes like lines and oval or arrows and using there, it is fairly easy to make a chart.

But in a web application, I can't find any tools or anything that can help me draw a chart. Is there any recommendation on some kind of tools or something so that I can draw a chart in a web page? :)

推荐答案

尝试这个

看起来你想拥有通用图形，而不是那种可视化数学函数的图表，这是对图表一词最常见的理解之一。事实上，这个术语要宽得多，所以你应该解释你究竟需要什么，或者只是提到更多通用术语图形，矢量图形等。



首先，我建议使用HTML5 Canvas功能： http://en.wikipedia.org/wiki/ Canvas_element [ ^ ]。



现在，我认为，对于仅使用服务器和浏览器的情况，这是一种基本方法，没有Java或Flash技术，这是单独的主题。



请看看可以做些什么，这非常令人印象深刻： http://net.tutsplus.com/articles/web-roundups/21-ridiculously-impressive-html5-canvas-experiments/ [ ^ ]。



但你可以找到更具体的图表： http://bit.ly/18sK2WR [ ^ ]。

-SA

It looks like you want to have general-purpose graphics, not specifically the kind of charts visualizing mathematical functions, which is one of the most common understanding of the term "chart". In fact, this term is much wider that that, so you should have explained what exactly you need, or just mention more general term "graphics", "vector graphics" or the like.

First of all, I would recommend to use HTML5 Canvas feature: http://en.wikipedia.org/wiki/Canvas_element[^].

These days, I think, this is a base approach for the cases when you use just the server and the browser, without Java or Flash technologies, which are the separate topics.

Please see what one can do, this is pretty impressive: http://net.tutsplus.com/articles/web-roundups/21-ridiculously-impressive-html5-canvas-experiments/[^].

But you can find something more specific to diagramming: http://bit.ly/18sK2WR[^].

—SA

这篇关于在网页中绘制图表的最佳方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！