Vizlib Home Try Vizlib
Welcome
Login

Vizlib Line Chart Properties - Appearance

The Appearance settings help you to control the look and feel of your Vizlib Line Chart


TABLE OF CONTENTS


General


In the General settings (Figure 1), you can enter a Title, Subtitle and Footnote. You can also choose to Toggle off hover menu and Show details to display information about dimensions and measures in your chart. 


Figure 1: General


Back to Contents



Data Gaps and Grid


In the Data Gaps and Grid settings (Figure 2), you can select an option for displaying Data Gaps, select your Grid Settings display with Show Grid, Horizontal Grid Lines: Show and Vertical Grid Lines: Show, set your Grid Style, Grid Color, Grid Opacity and the Grid Horizontal Thickness and Grid Vertical Thickness


Figure 2: Data Gaps and Grid 


Back to Contents


Background


In the Background settings (Figure 3), you can choose the Inner Background and control the Stripes Orientation for striped inner backgrounds, setting an Even Color and Odd Color, select the Opacity and choose a theme for the Outer Background


Figure 3: Background


Back to Contents


X-axis


If you choose to Show an X-axis (Figure 4), you can choose:

  • a Timeaware Axis
  • to set the Dimension Labels Position, to Horizontal, Angled or Vertical 
  • to add the option to Preserve edge ticks if you find that not all the ticks on the x-axis are displayed,
  • and to select a Font Color and Font Size.


Options for Line chart x-axis. Including preserving edge ticks.

Figure 4: X-Axis


You can also set a Dimension Title (Figure 5), by entering a Label, Color, Label Font Size, and Label Font Style. You can also set the Axis Line Color and Axis Thickness


Figure 5: Dimension Title, Axis 


Back to Contents


Y-axis


If you choose to Show a Y-axis (Figure 6), you can choose a Color, Font Size, display a Dimension Title, enter a Label, set the Font Color, Label Font Size and Label Font Style


Figure 6: Y-Axis


You can set the Axis Line Color (Figure 7), Axis Thickness, and customize Auto Ticks, selecting an Auto Tick Format, and choosing a display setting for a Negative Format. You can also choose an Axis Range with min/max smoothing to round off your start and end values to a whole number. 


Figure 7: Axis, Ticks, Range


Back to Contents


2nd Dimension Split


There are several options to display the split of the second dimension in the line chart. The default is Line, but it's also possible to choose Pie (with a setting to vary the Radius) and Donut (settings for Outer Radius and Inner Radius). Figure 8 shows the settings for Donut.


Figure 8: 2nd Dimension Split


Back to Contents


Colors and Legend


In the Colors settings (Figure 9), you can set the colors in the line chart by using a Color Scheme or entering a list of HEX color codes. You can also choose to Reverse Colors or use Consistent Colors


Figure 9: Colors


You can also customize Null Value Colors (Figure 10), setting the Null Value Color.


Figure 10: Null Value Colors


If you choose to Show a Legend (Figure 11), you can choose the Legend Position, Align the legend, set the Legend Font Color and Font Size, and set a Char Limit


Figure 11: Legend


Back to Contents


Scroll Preview


In the Scroll Preview settings (Figure 12.1 & 12.2), you can customize the Scroll alignment, Scroll position, set the Max. Data points showing scroll and control the Scroll preview size


Figure 12.1: Scroll Preview


You can further advance the scroll feature by changing the 'Scrollbar type' to:

  • Mini chart

    • Presents a mini-cart scrollbar which can be interacted with by scrolling and resizing

  • Advanced

    • You can interact by scrolling and resizing

  • Basic

    • You can only interact by scrolling (This is a fixed with determined by the number of bars you want to show by the 'Set Threshold Limit' property)

Figure 12.2: Bar Chart example of the Scrolbar options


Back to Contents



M
Martin is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.