Vizlib Community

Submit a ticket My Tickets
Welcome
Login

Extension Settings

Extension Settings


1 Data

2 Sorting

3 Data Handling

4 Reference Lines

5 Appearance

6 Interactivity

7 Alternate State





1 Data:
The Vizlib Combo Chart supports either one dimension with multiple metrics or two dimensions with one metric. The data section permits you to add dimensions or metrics dynamically and decide whether they should be used directly or be added as alternative dimensions.



Dimension Settings


Vizlib Filter

Calc. Condition
You have the ability to specify calculation conditions.



Measure Settings


Vizlib Filter



  • Calc. Condition
    You have the ability to specify calculation conditions.
  • Bar/Line/Symbol/Icon Color
    Gives you the ability to specify one color for the measures, overriding any global color settings. You can also specify the color using a Qlik expression.
  • Bar/Line/Symbol/Icon Opacity
    Gives you the ability to specify the bar opacity (100% represents full opacity) for the measures.
  • Data Values
    Show/Hides data values for the particular measures additional settings on the chart values can be found under appearance.




2 Sorting:
The Vizlib Bar Chart supports the native Qlik Sense sorting capabilities. More information here on the Qlik Sense Help page:
http://help.qlik.com/en-US/sense/2.2/Subsystems/Hub/Content/Visualizations/change-sorting-of-visualization.htm



3 Data Handling
The Vizlib Bar Chart supports suppression of zero values and overall calculation conditions.


Vizlib Bar Chart


  • Data downloading
    Gives you the ability to pre-define the amount of data that is downloaded for the particular combination of dimensions and measures. By default, this is limited to the first 5000 rows.
  • Suppress Zero Values
    This setting will suppress rows in the bar chart which are only 0's.
  • Show
    Show/Hide the chart depending on a calculation condition. 




4 Reference Lines
The Vizlib Combo Chart supports Reference Lines for both the y-Axis and for the x-Axis.


Vizlib Bar Chart


  • Measure/Dimension Value
    Define the Measure or Dimension Value against which the reference line will be plotted in the chart.
  • Label
    Give your reference line a label
  • Font Color
    Choose the font color for your label.
  • Font Size
    Choose the font size for your label.
  • Text Opacity
    Play around with the text opacity of your reference line label
  • Font Style
    Change the style of the label to bold, italic or underline.
  • Label Position
    Define the position of the label, to be either above(left) or below (right) of the reference line.
  • Align
    Define the position of the label, to be either at the start, middle or end of the reference line.
  • Line Color
    Define the color of your reference line.
  • Line Width
    Define the width (thickness) of your reference line.
  • Line Style
    Define the style of your line to be either dashed or normal.
  • Show
    Show/Hide the reference line depending on a calculation condition. 




5 Appearance

General
Define a title, subtitle & footers for your Vizlib Combo Chart



Presentation



Vizlib Filter



  • Bar Type
    Only displays if you have more than one bar. Choose from one of three different representation types.
    Vizlib Filter
  • Line Type
    Choose from one of two representation types.
  • Orientation
    Choose whether you wish to display the chart vertically or horizontally.
  • Direction
    Set the direction of the y-axis to be displayed either from top to bottom or in reversed order.
  • Bars Formatting
    Ability to set the Width of individual bars as well as the whole grouped bars. You can also define the border rounding corners here.
  • Scroll Preview
    If you have several bars in your chart, the scroll preview permits you so preview the full set of available bars using a scrolling mini chart. You can pre-define the scroll range by determining the number of available bars, as well as define whether the scroll bar begins at the start or the end. 



Colours and Legend


Vizlib Bar Chart              Vizlib Bar Chart

  • Colors 
    Either use a pre-defined collection of colors, or define your own custom color palette by comma separating a collection of hex color codes.
  • Palette Type 
    Choose between gradient and color classes.
  • Reverse Colors 
    Reverse the order of colors of the color palette.
  • Persistent Colors 
    After selecting a value, colors persist and are not reassigned.

Vizlib Bar Chart

  • Legend 
    Show/Hide the legend
  • Legend Position 
    Determine the legend position and choose between top/left/bottom/right
  • Legend Font Color 
    Define the color of the legend font.
  • Legend Font Size 
    Define the size of the legend font.
  • Char Limit 
    Apply a character limit to the legend if dimension values exceed a certain lenght. 



Grid


Vizlib Bar Chart
  • Grid 
    Show/Hide Grid
  • Grid Style 
    Choose between line and dashed grid style.
  • Grid Color 
    Define the grid color here.
  • Grid Opacity 
    Define the grid opacity here.
  • Grid Thickness 
    Set width/thickness of the grid lines. 



X-Axis Settings


Vizlib Bar Chart

  • Axis 
    Show/Hide axis
  • Axis Position 
    Position the x-Axis to be either at the top (left) or at the bottom (right).
  • Dimension Labels Position
    Display the x-axis dimension labels either horizontally (lots of space) to vertically (little space) with an angled display in between.
  • Dimension Labels Font Color
    Choose color for x-axis dimension labels
  • Dimension Labels Font Size
    Set the font size of the dimension labels
  • Show Dimension Title
    Hide/Show the x-axis dimension title
  • Dimension Title Color
    Set the Color of the x-axis Dimension Title
  • Dimension Title Font Size
    Set the font-size fo the dimension title
  • Dimension Titel Style
    Choose between displaying the dimension title as bold, italic or underbard.
  • Show alternative count
    Display the number of alternative dimensions.
  • Show drilldown breadcrumbs
    Indicate if the dimension is a drilldown.
  • x-Axis bar Color
    Set the color of the x-axis bar
  • x-Axis Thickness
    Set the thickness of the x-Axis bar.
  • x-Axis Ticks
    Set the number of ticks to be displayed for the x-Axis. 


Y-Axis Settings


THESE SETTINGS APPLY BOTH TO THE LEFT/RIGHT AXIS.


  • Axis 
    Show/Hide axis
  • Metric Labels Font Color
    Choose color for x-axis dimension labels
  • Metric Labels Font Size
    Set the font size of the dimension labels
  • Show Metric Title
    Hide/Show the x-axis dimension title
  • Metric Title Color
    Set the Color of the x-axis Dimension Title
  • Metric Title Font Size
    Set the font-size fo the dimension title
  • Metric Titel Style
    Choose between displaying the dimension title as bold, italic or underbard.
  • y-Axis bar Color
    Set the color of the x-axis bar
  • y-Axis thickness
    Set the thickness of the x-axis bar.
  • y-Axis ticks
    Set the number of ticks to be displayed for the x-axis.
  • y-Axis Format
    While the numbers might also come in a specify format, this setting gives you the flexibility to format the y-axis separately from the data points. It uses d3.format() setting options.
  • y-Axis range
    Here you can set the range of the y-axis. You can choose between having it calculated automatically (by taking the qMIn and qMax of the available metrics values) or setting a custom min/max value.
  • min/max smoothing
    This setting ensures that the axis does not begin/end with weird numbers. It smooths the value to ensure the min/max values are rounded to the next “nice” integer.


6 Interactivity


  • Allow Selections
    Change the chart into read-only mode if deactivated.
  • Multiselect
    Either make direct selections or enable multiselect mode.
  • Tooltips
    Show/Hides the tooltips
  • Show maximise Icon
    Enable and disable the ability for users to maximize objects.
  • Show Snapshot Icon
    Enable and disable the ability for users to take snapshots of this pbject.



7 Alternate States


Vizlib Bar Chart

Alternate States permit you to assign the Vizlib Bar Chart to an alternate selection state. More about alternate states can be found here: Alternate States Blog







Coming Soon:

  • Lines displaying data values

P
Piers 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.