图形组件 | Qunee技术博客

sam 发表于 2014年9月12日 & 归档在 HTML, HTML5, JavaScript, Web, 拓扑图, 编辑器.

Qunee for HTML5 V1.6正式发布，修复了一些 BUG，增加了滚动条支持，改进了编辑器，增加了JSON 导入导出、告警冒泡、连线流动，UI 定制等扩展示例

告警冒泡扩展
多边形编辑

sam 发表于 2014年5月16日 & 归档在 HTML5, JavaScript.

Qunee for HTML5 v1.4正式发布，改善了交互功能，增强了自动布局功能，增加了相关文档，调整了示例代码，以及一些细节修改和增加，是一次重要更新，欢迎联系升级

自动布局是图的重要功能，有十几种常见布局算法，目前Qunee提供：TreeLayouter, SpringLayouter, BalloonLayouter，后期逐步完善
气泡自动布局 balloonlayouter

sam 发表于 2014年4月25日 & 归档在 HTML, HTML5, JavaScript, 拓扑图, 案例.

HTML第三方组件种类繁多，小到按钮，工具栏，大到树图，表格，布局框架，以及各种图表，每种组件都有其优势，比如EasyUI的树和表格，Bootstrap的表单，Qunee的拓扑图等，一个应用需要整合多种组件，本文将以一个示例来介绍EasyUI与Qunee组件的同步使用

Qunee + EasyUI 同步示例

sam 发表于 2014年4月12日 & 归档在 HTML5, Web, 拓扑图.

Qunee for HTML5 v1.3 已发布，增加总线型布局，提供文本图元，增强了编辑功能，欢迎联系升级

v1.3更新内容

可设定连线走向，实现不同的总线型效果

提供大小调整和对齐方式功能，实现更丰富的文字呈现效果

Q.Text图元类型

sam 发表于 2014年3月26日 & 归档在 HTML, HTML5, JavaScript, Web.

通常使用on***对HTML元素添加事件监听，比如

button.onclick = function(evt){
  console.log(evt);
}

很自然的，用户在使用Qunee组件时也会想到这种用法，试图直接在Node上添加onclick监听，结果出现问题，正确的写法应该是这样

graph.onclick = function(evt){
  var element = evt.getData();
  Q.log(element);
}

Qunee拖拽事件过程

文章标签：图形组件