1 selector: 'node', 2 style: { 3 'width': 'XXX', //節點主體的寬度 4 'height': 'XXX', //節點主體的高度 5 'shape': 'XXX', 6 /** 7 *節點的形狀，可能的值： 8 *ellipse 9 *triangle 10 *round-triangle 11 *rectangle 12 *round-rectangle 13 *bottom-round-rectangle 14 *cut-rectangle 15 *barrel 16 *rhomboid 17 *diamond 18 *round-diamond 19 *pentagon 20 *round-pentagon 21 *hexagon 22 *round-hexagon 23 *concave-hexagon 24 *heptagon 25 *round-heptagon 26 *octagon 27 *round-octagon 28 *star 29 *tag 30 *round-tag 31 *vee 32 *polygon 33 */ 34 'shape-polygon-points': 'XXX', //用一個數組（或空格分隔的字符串）來表示節點的形狀，其每個值的范圍為[-1，1]，每兩個表示一個斷電，比如（-1，-1，1，-1，1，1，-1，1）。這個數組表示節點的形狀，節點的邊界框由點（-1，-1），（1，-1），（1，1），（-1，1）連接而成，節點的位置是原點（0，0） 35 'background-color': 'XXX', //節點顏色 36 'background-blacken': 'XXX', //調整節點顏色，值域為[-1, 1]，其中數值在-1到0之間顏色變白/亮，在0到1之間顏色變黑/暗 37 background-opacity: XXX, //節點顏色的不透明度 38 'background-fill': 'XXX', //節點顏色的填充樣式；可以是solid（默認）、linear-gradient或radial-gradient 39 'background-gradient-stop-colors': 'XXX', //節點顏色漸變（e.g. cyan magenta yellow） 40 'background-gradient-stop-positions': 'XXX', //節點顏色漸變的位置（例如0%50%100%）。如果未指定或是default，則將顏色在等分的位置變化。 41 'background-gradient-direction': 'XXX', 42 /** 43 *節點顏色漸變的方向，接受以下值： 44 *to-bottom (default) 45 *to-top 46 *to-left 47 *to-right 48 *to-bottom-right 49 *to-bottom-left 50 *to-top-right 51 *to-top-left 52 */ 53 'border-width': 'XXX', //節點邊框的大小 54 'border-style': 'XXX', //節點邊框的樣式，可以是solid, dotted, dashed 或 double 55 'border-color': 'XXX', //節點邊框顏色 56 'border-opacity': 'XXX', //節點邊框不透明度 57 'padding': 'XXX', //節點所有邊周圍的填充量。可以指定百分比或像素值。例如，50%和50px都是可接受的值。默認情況下，百分比填充按節點寬度的百分比計算。 58 'padding-relative-to': 'XXX', 59 /** 60 *當且僅當使用百分比單位時確定如何計算填充，接受以下的值： 61 *width 62 *height 63 *average:高和寬的平均值 64 *min:高和寬的較大值 65 *max:高和寬的較小值 66 */ 67 'compound-sizing-wrt-labels': 'XXX', //在調整復合節點的大小時是否包括子節點的標簽；可以是include或exclude 68 'min-width': 'XXX', //指定復合父節點（例如400px）的節點主體的最小（內部）寬度。如果最小寬度的偏差加起來不到100%，則偏差將標准化為100%。 69 'min-width-bias-left': 'XXX', //當復合節點按其最小寬度放大時，該值指定放置在節點左側的額外寬度的百分比（例如50%）。 70 'min-width-bias-right': 'XXX', //當復合節點按其最小寬度放大時，該值指定放置在節點右側的額外寬度的百分比（例如50%）。 71 'min-height': 'XXX', //指定復合父節點（例如400px）的節點主體的最小（內部）高度。如果最小高度的偏差加起來不到100%，則偏差將標准化為100% 72 'min-height-bias-top': 'XXX', //當復合節點按其最小高度放大時，該值指定放置在節點頂部的額外寬度的百分比（例如50%）。 73 'min-height-bias-bottom': 'XXX', //當復合節點按其最小高度放大時，該值指定放置在節點底部的額外寬度的百分比（例如50%）。 74 'background-image': 'XXX', //指向應用作填充節點背景的圖像的URL。PNG、JPG和SVG是受支持的格式。 75 'background-image-crossorigin': 'XXX', //所有圖像都加載了一個crossorigin屬性，該屬性可以是anonymous，也可以是use-credentials。默認設置為anonymous。 76 'background-image-opacity': 'XXX', //背景圖像的不透明度 77 'background-width': 'XXX', //指定圖像的寬度 78 'background-height': 'XXX', //指定圖像的高度 79 'background-fit': 'XXX', //背景圖像如何適應節點；沒有就是原始大小，contain是適應節點內部，cover是覆蓋節點。 80 'background-repeat': 'XXX', //是否重復背景圖像；可以是no repeat、repeat-x、repeat-y或repeat 81 'background-position-x': 'XXX', //背景圖像的x位置，可以是百分比或像素值 82 'background-position-y': 'XXX', //背景圖像的y位置，可以是百分比或像素值 83 'background-offset-x': 'XXX', //背景圖像的x偏移量，可以是百分比或像素值 84 'background-offset-y': 'XXX', //背景圖像的y偏移量，可以是百分比或像素值 85 'background-width-relative-to': 'XXX', //調整寬度是按照節點的寬度還是排除padding填充的寬度，可以是inner或include-padding,默認是include-padding 86 'background-height-relative-to': 'XXX', //調整高度是按照節點的高度還是排除padding填充的高度，可以是inner或include-padding,默認是include-padding 87 'background-clip': 'XXX', //如何處理背景圖像剪輯；可以是剪輯到節點形狀的節點，也可以是不剪輯的無節點。 88 'bounds-expansion': 'XXX', //指定在所有方向上展開節點的邊界框的填充大小（例如20px）。這允許在background-clip為none時在節點的正常邊界框外部繪制圖像。這對於節點外部的小裝飾非常有用。bounds擴展接受1個值（用於所有方向）、2個值（[topAndBottom，leftAndRight]）或4個值（[top，right，bottom，left]）。 89 }
1 selector: 'edge', 2 style: { 3 'width': XXX, //邊的寬度 4 'curve-style': XXX, 5 /** 6 *用於在兩個節點之間分開顯示兩個或多個邊的彎曲方法，可能的值有： 7 *haystack（默認值） 8 *straight 9 *bezier 10 *unbundled-bezier 11 *segments 12 *taxi 13 */ 14 'line-color': XXX, //邊的顏色 15 'line-style': XXX, //邊的樣式，可以是solid, dotted 或 dashed 16 'line-cap': XXX, //邊的封口樣式，可以是butt (default), round 或 square 17 'line-fill': XXX, //邊的填充樣式，可以是solid (default), linear-gradient (source to target) 或 radial-gradient (midpoint outwards) 18 'line-dash-pattern': XXX, //指定線和間隙的交替長度的虛線圖案，例如[6，3] 19 'line-dash-offset': XXX, //虛線偏移量 20 'line-gradient-stop-colors': XXX, //邊的顏色漸變方式 21 'line-gradient-stop-positions': XXX, //邊的顏色漸變的位置 22 }