如何在HTML页面中绘制序列图

时间:2012-02-21 08:44:30

标签: java javascript html jsf gwt

我们开发一个Web应用程序,需要绘制一个类似于序列uml图的图表。为此目的,是否有图表工具(任何gwt,jsf,html,javascript,java等解决方案)?

注意:图形不能是图像,因为我们需要选择项目并对点击事件采取一些操作

6 个答案:

答案 0 :(得分:3)

我知道一个基于GWT的UML建模器。您可以查看gwtuml作为一种可能的选项。这是demo

答案 1 :(得分:2)

为什么不尝试html5的 canvas

这些家伙有一个图书馆 http://www.rgraph.net/

我在这里找到了另一个图书馆 http://www.liquidx.net/canvasgraphjs/

这是一个很好的教程 http://dev.opera.com/articles/view/html5-canvas-painting/

答案 2 :(得分:0)

使用图片并创建image map with GIMP。完全支持点击事件。

答案 3 :(得分:0)

看一下jsUML2它可能就是你要找的东西。

答案 4 :(得分:0)

您可以尝试draw.io。它是免费的在线基于JavaScript的图表工具,它使用SVG绘制形状。

答案 5 :(得分:0)

您可以尝试js-sequence-diagrams
它将下面的文本转换为UML序列图

<div class="editor">Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
</div>

您还可以查看它在jsFiddle中如何运行可点击和填充颜色 https://jsfiddle.net/chetabahana/f7ejxhnk/35/

  • 点击一个框将其颜色变为黄色
  • 点击箭头即可打开Goog​​le网站