6.10.11 Multi-Data Dot Chart

Summary

A Dot Chart is a statistical chart which consists of data points plotted on a simple scale. It is often used as a substitute for the pie chart because it can make comparing quantities easy. This tutorial will teach you how to create the Multi-Data Dot Chart.

Multi-Data Dot Chart.png

Minimum Origin Version Required: Origin 2015 SR0

What you will learn

This tutorial will show you how to:

  • Create a scatter graph
  • Change the X-Y Axis
  • Use Layer Management
  • Customize the axes
  • Add objects on the graph

Steps

The following data concerning the element content of several areas at different times can be used to create a multi-data dot chart:

Sulphate 0.346 0.560 0.333 0.887 0.310 0.899
Nitrate 0.382 0.780 0.456 0.732 0.456 0.732
Chloride 0.441 0.880 0.120 0.656 0.221 0.673
Ammonium 0.481 0.900 0.256 0.890 0.434 0.825
  1. Create a new workbook using the New Workbook icon on the Standard toolbar and input the data.
    Multi-Data Dot Chart-1.png
  2. Hover the cursor over the very first cell of the col(B) till it turns into a downward arrow. Left-clicking highlights col(B) and dragging highlights col(C). Select Plot > Basic 2D: Scatter from the main menu to create a graph, and select Graph: Exchange X-Y Axis. An alternate way of creating scatter graphs is using the scatter icon in the 2D Graphs toolbar.
  3. Repeat step 2 twice to create two more graphs with col(D) and col(E), as well as col(F) and col(G).
  4. To Merge the three graphs, select Graph: Merge Graph Windows: Open dialog. In the dialog box that opens expand Arrange Settings, set the Number of Rows as 3 and the Number of Columns as 1. The Preview window on the right shows how the three graphs will be arranged and which layers they will be on. Click the OK button to save . This creates a new graph which contains three layers each containing a separate graph.
    Multi-Data Dot Chart-2.png
  5. To clean up the graph, delete the legends and axis titles in the graphs by selecting them and pressing the Delete key.
    Multi-Data Dot Chart-3.png
  6. Select Graph: Layer Management from the main menu. Select Layer 2 on the left. In the right panel Link tab set Link to as 1. This links the Y axis of the second layer containing the second graph to the first layer containing the first graph. Set the Y Axis Link as Straight (1 to 1), this will ensure that the axis for the two graphs is the same. Click the Apply button. Check the When dragged to reposition, also reposition parent layer box. This setting will ensure that when one axis is moved, the other follows accordingly.
    Multi-Data Dot Chart-13.png
  7. Select Layer 3 on the left and repeat the previous step. Click the OK button to save changes.
  8. In order to reset the X and Y Axes, make sure Layer 1 is the active layer by clicking on 1 at the top left corner of the graph. Double-click on the horizontal axis of the graph layer. On the Scale page when Horizontal icon is selected, set the values shown below (since the layer axes were linked in the last step, these changes are applied to all three axes):
    Multi-Data Dot Chart-14.png
  9. Go to the Line and Ticks page, select Top icon in the left panel, check the Show Line and Ticks check box to show the top Y axis. And then set Major Ticks as Out and Minor Ticks as None.
    Multi-Data Dot Chart-15.png
  10. Select Bottom icon in the left panel, in the Line and Ticks page, set Major Ticks and Minor Ticks as None to remove the ticks.
    Multi-Data Dot Chart-16.png
  11. Go to Tick Labels page in the right panel, select Top icon in the left panel, check Show check box.
    Multi-Data Dot Chart-17.png
  12. Go to the Special Ticks page, select Top icon in the left panel, choose Hide for both Axis Begin and Axis End.
    Multi-Data Dot Chart-29.png
  13. Go the Tick Labels page, select Top icon in the left panel, clear the Show check box.
    Multi-Data Dot Chart-31.png
  14. Go the Tick Labels page, select Bottom icon in the left panel, clear the Show check box.
    Multi-Data Dot Chart-31-1.png
  15. Go to the Line and Ticks page, select Left icon in the left panel, check Use Same Options for Left and Right check box. And then set both Major Ticks and Minor Ticks as None:
    Multi-Data Dot Chart-32.png
  16. Go to the Grids page and select Horizontal in the left panel, check Show check under the Major Grid Lines branch.
    Multi-Data Dot Chart-18.png
  17. Click the OK button to apply the settings and close the Axis dialog. The graph should now appear as shown below:
    Multi-Data Dot Chart-21.png
  18. Right click on Layer 1 and choose Copy Format:All Style Formats. Right click on the graph page and choose Paste Format to copy and paste the style from Layer 1 to the whole page.
    Multi-Data Dot Chart-33.png
  19. Double click on the top axis in Layer 2, go to the Line and Ticks page, select Top icon in the left panel, set Major Ticks and Minor Ticks as None. Do the same for the top axis of Layer 3.
  20. In the Axis dialog of Layer 3, go to the Line and Ticks page, select Bottom icon in the left panel, set Major Ticks to Out.
  21. On the Tick Labels page, select Bottom icon in the left panel, check Show check box.
  22. Go to the Special Ticks page, select Bottom in the left panel, and choose the Hide option for both Axis Begin and Axis End. Click OK.
    Multi-Data Dot Chart-34.png
  23. The graph should appear as shown below:
    Multi-Data Dot Chart-8.png
  24. Double-click the graph to bring up the Plot Details dialog. Change the settings as shown below. Setting the Edit Mode as Independent ensures that the symbols can be customized separately for each data set on one layer. For Symbol shape, uncheck the Custom Construction check box, click the down arrow button to select different symbol shape. For symbol color, in the Symbol tab click on the Symbol Color option and select Individual Color to set one color to all the symbols as in this tutorial:
    Multi-Data Dot Chart-23.png
    Multi-Data Dot Chart-24.png
    Multi-Data Dot Chart-25.png
  25. Repeat the previous step (step 24) for the Layer 2 and Layer 3. Click the OK button and the graph will appear as shown below:
    Multi-Data Dot Chart-9.png
  26. Select Multi-Data Dot Chart-12.png in the Tools toolbar to draw three rectangles on the graphs. For each rectangle:
    1. Double-click on the rectangle to bring up the Object Properties dialog.
    2. In the Fill tab, set the desired Fill Color which will designate the color of the rectangle:
      Multi-Data Dot Chart-26.png
    3. In the Dimensions tab, adjust the size and position of the rectangle:
    Multi-Data Dot Chart-10.png
  27. Select the Text Tool Multi-Data Dot Chart-27.png in the Tools toolbar and click inside the rectangles to add the desired text.
  28. To create a legend for the symbols, select Graph: Legend: Data Plots from the main menu. Move the legend to a suitable place, right-click on it and select Properties. Change the settings as below:
    Multi-Data Dot Chart-28.png
  29. Activate the top X axis of Layer 1 to move it to a suitable place.

The complete multi-data dot chart graph should appear as shown below:

Multi-Data Dot Chart-11.png