轻量高效的拓扑图组件
zh

Qunee Developer Guide

图元默认样式表

每个图元都可以设置不同的样式属性,如果不指定属性,则会从Graph组件的默认样式列表中获取,比如系统默认选中颜色为蓝色,字体大小为12像素,当然用户可以做出改变,通过设置默认样式表改变Graph组件的样式缺省值

示例

设置图元默认样式列表,该表图元的字体大小和选中颜色

var graph = new Q.Graph(canvas);
 
var hello = graph.createNode("Hello", -100, -50);
hello.image = Q.Graphs.server;
var qunee = graph.createNode("Qunee", 100, 50);
var edge = graph.createEdge("Hello\nQunee", hello, qunee);
 
var styles = {};
styles[Q.Styles.SELECTION_COLOR] = 'red';
styles[Q.Styles.LABEL_FONT_SIZE] = '20';
graph.styles = styles;

运行界面:

ScreenShot 2014-06-05 at 下午4.41.57.png