Qunee for HTML5 v1.4版本发布

最新推荐文章于 2021-08-09 11:57:26 发布
最新推荐文章于 2021-08-09 11:57:26 发布
阅读量238 收藏
点赞数
原文链接：https://my.oschina.net/nosand/blog/265752
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

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

气泡布局示例

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

气泡自动布局 balloonlayouter

路况图示例

用于展示各个车道路况状态 地铁路况图示例

设备面板示例

设备面板

Qunee开发模式

Qunee开发流程与模式

在线示例列表

演示示例做了小幅修改，增加了在线示例列表，用于提供更多Qunee相关示例

在线示例列表

转载于:https://my.oschina.net/nosand/blog/265752

weixin_34357887
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
图片节点html,Qunee for HTML5 - 中文 : 节点图片
weixin_32616931的博客
06-04 522
节点图片在图形界面中，节点通常表现为一个图标和文本标签，其中图标为节点的主体，文本标签是附属组件，节点的主体不仅支持图标(静态图片)，还支持Canvas代码，GIF动画，SVG，矢量图形(Q.Path)等设置节点图片：Q.Node#image - 节点主体示例设置GIF图标为节点主体var nodeWithGIF = graph.createNode("Node with GIF\nnot sup...
Qunee for html5(demo)
02-26
web流程图 Qunee for html5
qunee for html5,Qunee for HTML5（一）
weixin_33525298的博客
06-17 345
1、Qunee for HTML5(以下简称Qunee)是一套基于HTML5技术的图形组件产品，使用HTML5 Canvas技术，绘制清新、流畅的网络图，可用于社交网络图、拓扑图、流程图、地图等需求， JS组件封装，藏繁琐于简洁，轻松构建优雅的互联网应用与企业应用，让数据的在线可视化变得容易。Qunee - 发音为“kjuːni”，寓意优雅轻巧2、Qunee可用于拓扑图，流程图，组织图，机房平面图...
qunee for html5 绘图
weixin_45966817的博客
08-09 335
qunee for html5 绘图学习方式拓扑图绘制的方式节点图标节点名称拓扑图中插入性能图用echart 绘图，并通过获取canvas 图片的方式插入节点中用canvas 绘图技术绘制性能图 学习方式 看官方网站 http://www.qunee.com/ 里的文档和示例。本文记录一些自己在使用过程中的心得，以备后续查询。 拓扑图绘制的方式 拓扑图绘制的方式，简单点就两种。 1. 插件自动布局 http://doc.qunee.com/1147021.html。 创建好图元和连线后，调用自动布局方法，
Qunee for Html5 学习资源
05-29
资源中有详细的代码，可供二次开发使用
qunee for html5,Qunee for HTML5（二）
weixin_36352910的博客
06-17 317
这里关于Qunee的基础的教程就不介绍了，大家可以参考官方教程即可，下面介绍官方的一个例子。先上结果图：Paste_Image.png代码如下Hello Qunee for HTML5/*** This file is part of Qunee for HTML5.* Copyright (c) 2016 by qunee.com**/if(!window.getI18NString){getI...
Qunee for Html 兼容 Vue 版
07-23
Qunee 是基于使用HTML5 Canvas技术，绘制清新、流畅的网络图，可用于社交网络图、拓扑图、流程图、地图等需求， JS组件封装，藏繁琐于简洁，轻松构建优雅的互联网应用与企业应用，让数据的在线可视化变得容易！...
Qunee for Html
07-23
Html 完整的一套 拓扑图 demo ,免费使用！！
Qunee-H5-v2.6.04 demo及doc文档
03-27
Qunee for HTML5（以下简称Qunee）是一套基于HTML5技术的图形组件产品，使用HTML5 Canvas技术，绘制清新、流畅的网络图，可用于社交网络图、拓扑图、流程图、地图等需求， JS组件封装，藏繁琐于简洁，轻松构建优雅的...
html数值转换,Qunee for HTML5 - 中文 : 数据转换
weixin_34901243的博客
06-02 148
前端拿到数据后，首先需要转换成Javascript所支持的数据格式，以便数据属性的读取，比如JSON格式的文本数据，可以通过JSON#parse(...)进行解析，对于XML格式的文本可以通过DOMParse#parseFromString转换成XML对象转换成JS对象继续上面的示例，将文本解析成JSON对象function onDataCollected(txt){var json = JSON...
qunee-min.js
09-26
use qunee-min.js var graph = new Q.Graph('canvas'); var hello = graph.createNode("Hello");
Qunee 包 (vue js )
08-02
Qunee 包 (vue js )
qunee官网demo代码文件大全
07-31
qunee官网demo，官网的代码全在里面，非常详尽，可以直接运行，代码可以直接复制使用
使用qunee插件实现html工作流程图
08-03
比echarts2里的树形图形式更为灵活 qunee如果商用需要收费，本demo仅供个人开发和实践参考
qunee入门基础教程
07-31
qunee的入门基础教程，非常详细，简体中文版，简单易懂，适合新手入门
html5 的属性和方法,Qunee for HTML5 - 中文 : 常用属性与方法
weixin_39874795的博客
06-04 340
延迟调用 - callLater(call, scope, delay)Graph组件创建后，并不会马上生效与绘制，而要等到Javascript的下一次绘制线程中处理，这意味着图元的显示大小，画布范围与尺寸只能延迟获取示例，通过callLater() 获取画布范围以及节点大小var graph = new Q.Graph(canvas);var hello = graph.createNode("...
分享一套基于HTML5的网络拓扑图组件 Qunee下载
zzc0000的专栏
08-23 1266
一套基于HTML5的网络图组件 使用HTML5 Canvas技术，绘制清新、流畅的网络图，可用于社交网络图、拓扑图、流程图、地图等需求， JS组件封装，藏繁琐于简洁，轻松构建优雅的互联网应用与企业应用，让数据的在线可视化变得容易   下载地址：http://im.gitom.com/qunee/demos 有什么问题可以与我联系 QQ：285264911   组件特点 ...
如何绘制网页版拓扑图
热门推荐
hackstoic的博客
12-25 1万+
最近为了实现一个网页版的拓扑图, 采用了qunee.js这个js库. 觉得挺不错 . 记一下自己的使用心得.
vue 引入qunee_Vue页面中js引入的问题
weixin_39627697的博客
12-21 728
在项目中，我们需要引入qunee的编辑器graph.editor-master，在其中发现了一些引入js时需要注意的问题，在此书写，用来翻阅。下载graph.editor的官方Demogit：https://github.com/samsha/graph.editor.git怀着激动的心情，我打开了demo的index，看明白了相关代码，看了看相关的资源文件后，心想，得，往自己的项目中引吧。以下是...
D3.js实现拖拽组件生成拓扑图
最新发布
07-28
- *2* *3* [HTML5拓扑图编辑器项目 - Graph.Editor](https://blog.csdn.net/weixin_32024145/article/details/113718911)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值