How Do I Create and Customize a XY Scatter Line Chart?

Example of a Scatter Line Chart
Example of a Scatter Line Chart

XY charts offer the possibility to plot data in a 2D portfolio while each axis is assigned to a numerical attribute (i.e. cost, weight, number etc.). Thus, in an XY-Chart you can visualize graph elements (nodes or edges) as data points with an x and y position depending on two numerical attribute values. You can even include a third attribute value by selecting the Chart kind “Bubble Chart” and map the third value to the bubble size.

In order to customize an XY-Scatter Line Chart follow these steps:

    1. Open your graph file (.slg) and the Open View Dialog will pop up. Select “Cartesian Chart” as view type on the left-hand side of the Open View Dialog and “XY chart” as default view template. In contrast to Categorical Charts, the horizontal axis of an XY Chart represents continuous attribute values (i.e. cost, time…) rather than a categorical scale (as in the Categorical chart).
      View Settings
      View Settings for the XY Chart

      In the View Settings, you can select your preferred chart kind (i.e. ScatterLine), the data set you would like to plot (in the shown example, we would like to plot the costs of all part nodes and their profit), the x-value (which will be assigned to the horizontal axis) and the y-value (which will be assigned to the vertical axis).  In our example, we set the attribute “profit” as value for the X -axis and select the part attribute cost as value for the Y-Axis in order to visualize the part cost.

    2. Select “ScatterLine plot” in the View Manager Pad. After doing this, the adjustable data and view properties are shown in the properties pad.
    3. Go to the Properties Pad and adjust the properties by choosing from drop downs, entering text or editing boxes. You can have a detailed view of each property by clicking on the “…” button. This will open the Edit Property dialog, which helps you to finetune your visualization. A list of all available properties can be found in the table below.
      Adjust the Properties of the XY Scatter Line Chart in the Properties Pad
      Adjust the Properties of the XY Scatter Line Chart in the Properties Pad
    4. Click on the canvas to set a chart title or to modify your axis attributes (i.e. set a logarithmic scale) in the properties pad.
    5. As soon as you are happy with your customized view, you can save the settings by extracting a view template. Thus, you can reuse it for any graph file. You find your saved view templates under “My View Templates in the Open View Dialog.
      Extract a View Template and Save It for Reuse. You find it under My View Templates in the Open View Dialog
      Extract a View Template and Save It for Reuse

Available data and view properties:

Graph ElementsProperty NameDescription
CanvasHorizontal Axis Label Fit ModeDefines, how the horizontal axis text is displayed.
CanvasVertical AxisDefines how this axis shall be scaled, i.e. Linear, Categorical, DateTimeContinuousAxis
CanvasVertical Axis Smart Labels OnUse smart labels to avoid overlapping axis labels
CanvasShow Track BallEnables the trackball to quickly extract all relevant data while hovering over graph elements
CanvasHorizontal AxisDefines how this axis shall be scaled, i.e. Linear, Categorical, DateTimeContinuousAxis
CanvasHorizontal Axis Smart Labels OnUse smart labels to avoid overlapping axis labels
CanvasTitleDefines the title of the chart
Node, EdgeTooltipDefines the text which is showed while hovering over the element with the mouse
Node, EdgeX ValueDefines the attribute for the X-Value
Node, EdgeY ValueDefines the attribute for the Y Value
Node, EdgeLabel TextDefines the label text
Nodes, Edges, LegendVertical Axis TitleDefines the title of the y-axis
Nodes, Edges, LegendColorDefines the color of the visualized elements
Nodes, Edges, LegendShow LabelsDefines whether labels are shown or hidden
Nodes, Edges, LegendLegend TitleDefines the title of the chart legend
Nodes, Edges, LegendHorizontal Axis TitleDefines the title of the x-axis

Was this article helpful?

Related Articles