edit-icon download-icon

Networks

Last Updated: Aug 09, 2018

Click the Networks tab in the toolbar. The Style and Data tabs appear on the right side of the page.

RelationNetStyle

Background color

Click the Background Color to adjust the background color of the current widget.

Force

You can adjust the display style of the widget in the Force menu.

GuideSetting

  • Margin: Click the plus (+) or minus (-) sign, or enter a number to adjust the margin of a widget.

  • Charge: Click the plus (+) or minus (-) sign, or enter a number to adjust the charge strength of a widget.

  • Charge Distance: Click the plus (+) or minus (-) sign, or enter a number to adjust the charge distance of a widget.

  • Gravity: Click the plus (+) or minus (-) sign, or enter a number to adjust the gravity of a widget.

  • Friction: Click the plus (+) or minus (-) sign, or enter a number to adjust the friction coefficient of a widget.

Label

You can adjust the font color and size of a widget in the Label menu.

TitleSetting

  • Font Color: Click the color block to change the font color of a widget.

  • Font Size: To adjust the font size, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the font size of a widget.

You can adjust the display style of connection lines of a widget in the Link Options menu.

ConnectionLineSetting

  • Stroke Color: Click the color block to change the connection line color of a widget.

  • Stroke Width: To adjust the stroke width of a connection line, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the stroke width of a widget.

  • Distance Default: Click the plus (+) or minus (-) sign, or enter a number to adjust the connection line length of a widget.

Node options

You can adjust the node settings of a widget through the Node Options configuration menu.

DefaultNodeSetting

  • Class Name: You can enter a tab class name.

  • Radius: To adjust the node radius, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the radius of a node.

  • Fill: Click the color block to change the fill color of the node.

  • Stroke Color: Click the color block to change the outline color of the node.

  • Stroke Width: To adjust the stroke width of a node, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the stroke width of a node.

Series options

You can add or delete a node series through Series Options menu.

CustomNodeSetting

  • Class Name: You can enter a node series name.

  • Radius: To adjust a node’s radius, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the radius of a node.

  • Fill: Click the color block to change the fill color of a node.

  • Stroke Color: Click the color block to change the stroke color of a node.

  • Stroke Width: To adjust the stroke width of a node, move the slider to the left to minimize or to the right to maximize, or enter a number to adjust the stroke width of a node.

Widget size and position

NetSizeSetting

Click the plus (+) or minus (-) sign, or enter a number to adjust the chart size and position.

Thank you! We've received your feedback.