小乐图客攻略：[25]画偏序关系图哈斯图Hasee图

1、首先，在Chrome浏览器中，确保已安装小乐图客扩展。

然后随便打开一个网页，使用小乐图客截图功能。

（快捷键Ctrl+Shift+X，也可以右击网页，点击小乐图客的区域截图）

点击右侧面板中的空白画布按钮。

2、然后点击选中对称折线工具。

3、设置线段两端的样式，由于哈斯图都是以小圆圈作为节点，

我们应该选择小圆圈的线段断点式样。

4、这时，在左侧画布中，画出若干对称的线段图。

5、然后，点击右侧画图工具中的线段工具。

选择只使用1个端点式样为小圆圈，另一个端点式样设为空白。

这样来补齐哈斯图中的其他线段。

6、如果线段画的不太对齐，衔接得不好，也不要紧。

可以点击右侧指针工具。

7、然后点击左侧画布中希望移动的图形。

用鼠标拖动到理想的位置即可。

8、接着我们需要用纯线段（两个端点无圆圈样式）补齐哈斯图中的边。

9、然后把哈斯图中最下方的极小元，画成一个小圆圈，表示节点。

可以用画图工具中的圆形按钮工具（正圆）来画。

10、接下来，给哈斯图中的各个节点进行备注，标注出元素。

可以使用文本工具。

如果元素都是数字，标注连续数字有个小技巧，可以选择默认的数字。

这样每画出一个数字，小乐图客就自动向后递增，而不需要自己设置选择。

11、对于不连续的数字，或者需要手动修改节点文本，可以点击画布中的标注文本框，进行编辑修改。

文本显示不下被隐藏时，可以拖动文本框右下角，对文本框宽高大小进行微调。

同样，可以使用指针工具，选中文本框，对文本框进行拖放移动位置。

12、最后，点击一下保存按钮，即可大功告成。

值得注意的是，还可以导出为矢量截图，这样下次需要修改这个哈斯图时，

可以将矢量截图SVG导入到小乐图客中，进行微调。