TIBCO Cloud™ Spotfire® Web Client User Guide

Creating a clean visual appearance

A cleaner visual appearance of the analysis below can be achieved using menu options reached from the visualization title bars, by changing settings in the visualization properties, and by using a customized visual theme.

The attributes to modify to get the cleaner look in the bottom image are indicated by numbers, and the actions made are described.



  1. Change titles by double-clicking the visualization titles and entering new titles.
  2. Remove the legend by moving the cursor over the line chart title, and then click Legend, .
  3. Remove selectors in the line chart by moving the cursor over the line chart title bar, and then click to open the menu. Click X Axis Selector and Y Axis Selector to remove these selectors. You remove one axis at a time.
  4. Remove selectors and scale labels in the bar chart by moving the cursor over the bar chart title bar, and clicking to open the menu. Then click, one at the time, Category Axis Selector, Value Axis Selector, and Scale Labels to remove them.
  5. Keep only the color information in the legend. In visualization properties, locate the Legend section and remove all items except Color by. Make sure that the Show title and Show axis selector check boxes are cleared in the settings for the Color by legend item.
  6. Move color items to the horizontal view. In visualization properties, locate the Legend section and remove all items except Color by. Click Show values horizontally. Alternatively, you can move the cursor over the legend and click next to the Color by title to move only the color values to the horizontal view. Move the cursor over the horizontal color items, click the option icon, and select Center and Bottom. Remove the remaining vertical legend as described in step 2.
  7. Add labels to the bars in the bar chart. In visualization properties, locate the Labels section and set Show labels to All. Below Types of labels, clear the Bar segments check box.
  8. Get a background without borders and background color. On the menu bar, select Visualization > Canvas styling > Edit custom theme. In the Details tab, select Visualizations general, and set Borders to None. Select Canvas and set Distance between visualizations to 0.
  9. Remove lines and tick marks on scales. On the menu bar, select Visualization > Canvas styling > Edit custom theme. In the Details tab, select Visualizations scales, and set Lines as well as Tick marks to None.
    Tip: In addition to the numbered actions above, perform an action to separate the visualizations. In the Details tab, select Visualizations general, and increase the Padding number for All sides.
    Tip: To get a more uncluttered look, you can increase padding beneath the visualization titles. In the Details tab, select Visualizations titles, and click the Padding arrow. Then increase the Bottom number.

Result

The dashboard has now a cleaner appearance.