Cytoscape.js plug-in de aplicación de la propiedad estilo gráfico detallado de la red

. 1 Selector: 'nodo' , 
 2  estilo: {
 . 3      'width': 'XXX', // anchura de los nodos del cuerpo 
4.      'Altura': 'XXX', // altura del cuerpo nodo 
5.      'Forma': 'XXX' ,
 6      / * *
 7       forma nodo *, los valores posibles:
 . 8       * elipse
 . 9       * Triángulo
 10       * round-triángulo
 . 11       * rectangular
 12 es       * de ida y rectangular
 13 es       * parte inferior-round-rectángulo
 14       * Cut-rectángulo
 15       * barril
 16       * romboide
 17      * diamante
 18       * de ida y diamante
 19       * pentágono
 20       * ronda de pentágono
 21       * hexágono
 22       * round-hexágono
 23       * cóncavo-hexágono
 24       * heptágono
 25       * de ida y heptágono
 26       * octágono
 27       * de ida y octágono
 28       * estrellas
 29       tag *
 30       * ronda-tag
 31       * vee
 32       * polígono
 33       * / 
34      forma-polígono puntos ': 'XXX', //El uso de una matriz (o separada por espacios de cadena) para representar la forma del nodo, cada gama de valores es [1,1], cada uno de los dos indica un fallo de alimentación, por ejemplo (-1, 1, - 1,1,1, -1,1). Esta matriz representa la forma del cuadro delimitador de un nodo, el nodo por puntos (-1, -1), (1, -1), (1,1), (- 1,1) conectados entre sí, la posición del nodo es el origen ( 0,0) 
35      'background-color': 'XXX', // color de nodo 
36      'background-Blacken' ':' XXX', // ajustar nodos gama de colores [-1, 1], donde el valor en el - 1-0 color entre blanco / brillante, de color negro entre 0-1 / oscuridad de 
37 [      fondo opacidad: XXX, // colores nodo opacidad 
38 es      'background-Fill': 'XXX', // nodo color de relleno estilo; puede Solid (predeterminado), lineal en gradiente de gradiente o radial 
39      'background-gradiente-STOP-colores': 'xxx', // gradientes de color nodo (Cyan Magenta Yellow EG) 
40      'background-gradiente -stop posiciones:posición degradado de color del nodo (por ejemplo, 0% 50% 100%). Si no se especifica o por defecto, la posición cambiará de color en la parte alícuota. 
41 es      'background-gradiente-dirección': 'XXX' , 
 42 es      / * *
 43 es       linfáticos * dirección del gradiente color, toma los siguientes valores:
 44 es       * a abajo (por defecto)
 45       * a-Top
 46 se       * a izquierda
 47       * hasta -derecho
 48       * -derecho a bottom
 49       * -IZQUIERDA a bottom-
 50       * Top-a derecha
 51 se       *-Top-a izquierda
 52 es       * / 
53 es      'XXX' ,: 'border-width' // tamaño del nodo de frontera 
54 es      'border-style': 'XXX', //los nodos de borde de estilo pueden ser sólidos, punteado, discontinua, o doble 
55      '-Color frontera': 'XXX', // color del borde de nodo 
56 es      'border-Opacidad ':' XXX', // nodo marco opacidad 
57 es      padding ' ':' XXX', // carga de todos los nodos en los bordes. Es posible especificar un valor de porcentaje o píxel. Por ejemplo, 50%, y los valores aceptables son 50px. Por defecto, el porcentaje de relleno se calcula como un porcentaje de la anchura del nodo. 
58      'padding-relativo-a': 'XXX' , 
 59      / * *
 60       * si y sólo determinado cuando el porcentaje de unidades de la forma de calcular el relleno, acepta los valores siguientes:
 61 es       * anchura
 62 es       * altura
 63 es       * media: altura y anchura el valor medio de
 64       * min: altura y anchura valor mayor
 65       * max: cuanto menor sea la altura y la anchura
 66       * / 
67     'Compuesto de dimensionamiento-WRT-Labels': 'XXX', // si cambiar de tamaño cuando la etiqueta comprende un nodo compuesto del nodo hijo; o puede incluir la excluye 
68      'de ancho min': 'XXX', // compuesto especificado el nodo padre cuerpo más pequeño (por ejemplo, 400 píxeles) anchura (interno). Si la desviación es menor que la anchura mínima de la combinada 100%, la desviación se normalizará a 100%. 
69      'min-width-BIAS-izquierda': 'XXX', // cuando su anchura mínima amplificó nodo compuesto, el porcentaje anchura adicional valor especificado en el lado izquierdo del nodo (por ejemplo, 50%). 
70      'min-width-BIAS-derecha': 'XXX', // cuando su anchura mínima amplificó nodo compuesto, el valor se coloca en el porcentaje especificado (por ejemplo 50%) de anchura extra en el lado derecho del nodo. 
71 es      'min-height': 'XXX', // mínima (interna) Especifica la altura del compuesto de origen (por ejemplo, 400 píxeles) cuerpo nodo. Si la variación de la altura mínima no añadir hasta 100%, la desviación se normalizará a 100% 
72      'min-height-BIAS-Top': 'XXX', @ Cuando el nodo compuesto amplificado su altura mínima, el porcentaje valor especificado adicional ancho colocado en la parte superior de los nodos (por ejemplo, 50%). 
73     'Min-height-BIAS-inferior': 'XXX', // cuando su altura mínima amplificó nodo compuesto, el valor se coloca en el porcentaje especificado (por ejemplo 50%) de la anchura de la parte inferior del nodo adicional. 
74      'Imagen de fondo': 'XXX', // puntos para ser utilizado como la dirección URL de la imagen para llenar el nodo de fondo. formatos PNG, JPG y SVG son compatibles. 
75      'imagen-fondo-la crossOrigin': 'XXX', // todas las imágenes se cargan el crossOrigin una propiedad, que puede ser anónima, también puede ser el uso con las credenciales. El ajuste predeterminado es anónimo. 
76      'background-Image-Opacidad': 'XXX', // opacidad de la imagen de fondo 
77      'background-width': 'XXX', // especificar el ancho de la imagen 
78      'background-height': 'XXX', // Especifica la altura de la imagen 
79      'background-Fit': 'XXX',
80      'XXX',: '-REPEAT fondo' // ; puede ser no repetir, repetir-x, repita si repetir la imagen de fondo -y o REPEAT 
81      'XXX',: 'background-position-X' // imagen de fondo x-posición, los valores de los píxeles pueden ser un porcentaje o 
82      'background-position-y': 'XXX', // posición y de la imagen de fondo, los valores de píxel puede ser un porcentaje o 
83      'de fondo-offset-x': 'XXX', / / X de desplazamiento de la imagen de fondo, los valores de píxel puede ser un porcentaje o 
84      'background-offset-y': 'XXX', // desplazamiento y de la imagen de fondo, los valores de los píxeles pueden ser un porcentaje o 
85      'background-anchura- -a relativa ':' XXX ' // ajustar la anchura a la anchura es la anchura del relleno nodo negativo o relleno, interior o puede incluir-relleno, padding-predeterminado es el incluyen 
86      'fondo entre la altura y, en relación con ': 'XXX', //Ajustar la altura de acuerdo con la altura de un nodo se excluye o altura de llenado de relleno, o puede ser interna incluye-relleno, padding-predeterminado es el incluyen 
87      'Clip-fondo': 'XXX', // procesar el clip de imagen de fondo, el clip puede ser forma nodo, el clip puede ser nodos no libres. 
88      'de expansión de límites': 'XXX', // especifican cajas de nodos que delimita expanden en todas las direcciones relleno de tamaño (por ejemplo, 20 píxeles). Esto permite que una imagen normal se extrae fuera del cuadro delimitador de un nodo no es en el fondo-clip. Esto es útil para pequeñas nodo externo decorativo. recibir una valores prolongados límites (para todas las direcciones), los dos valores ([topAndBottom, leftAndRight]) o cuatro valores ([top, derecha, abajo, izquierda]). 
89 }

 

. 1 Selector: 'Edge' ,
 2  estilo: {
 . 3      'width': XXX, // anchura borde 
4.      'Curva-estilo' : XXX, 
 . 5      / * *
 . 6       * se utiliza para mostrar dos separados entre dos nodos o más lados del método de flexión, los valores posibles son:
 . 7       * de pajar (valor por defecto)
 . 8       recta *
 9.       * Bezier
 10       * Bezier-desagregado
 11.       * Segmentos
 12 es       Taxi *
 13 es       * / 
14      'color-Line': XXX, / / color de los bordes 
15      'estilo-Line': XXX, // borde del patrón puede ser sólido, punteado, o Dashed 
16     'CAP-Line': XXX, // sellado estilo de borde, puede ser a tope (por defecto), redondo, o Square 
17.      'Line-Fill': XXX, // borde patrón de relleno puede ser sólido (por defecto), lineal- gradiente (fuente a destino) o un gradiente-radial (Punto medio hacia el exterior) 
18 es      "Dash-patrón de línea ': XXX, // longitudes alternantes especificados patrón de trazos de líneas y espacios, tales como [6,3] 
19.      ' line-salpicadero compensados ': XXX, // línea discontinua compensado 
20 está      ' Hoja de gradiente ventanilla colores ': XXX, // color del gradiente borde de forma 
21 es      ' Hoja de gradiente ventanilla Posiciones: XXX, // gradientes de borde en posición 
22 }

 

Supongo que te gusta

Origin www.cnblogs.com/Neptunejiang/p/12662497.html
Recomendado
Clasificación