Vizlib Line Chart

Vizlib Line Chart is a highly customisable, supported and easy-to-use extension for Qlik Sense which provides features such as emebedding of images, reference lines, font and size control, interactivity, custom colours, Pie/Donut Chart for Total Split and more, far exceeding the standard capabilities of the native Qlik Sense Object

You should be able to design the line chart in the way YOU want. Unlimited possibilities with the Vizlib Line Chart allow you to focus on what you are best at: creating compelling visualizations and dashboards without writing a single line of code.

Vizlib Line Chart

Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart
Vizlib Line Chart

Download Vizlib Line Chart

Up to 5 users free.

Terms & Conditions

Vizlib Line Chart


  1. Installation
    1.1 Qlik Sense Server
    1.2 Qlik Sense Desktop
  2. Features
  3. Extension Settings
    3.1 Dimensions
    3.2 Measures
    3.3 Sorting
    3.4 Add-ons
    3.5 Appearance
    3.6 Interactivity
  4. What's new?
  5. Known Limitations
  6. Feedback & Bug Reporting
  7. Terms & Conditions

1. Installation

1.1 Qlik Sense Server
  1. Download the .zip file from the link provided your eMail.
  2. Visit the QMC on of your Qlik Sense Server.
  3. Import the .zip file in your extension tab.
  4. Open Qlik Sense and add the 'Vizlib Line Chart' extension to a sheet.
1.2 Qlik Sense Desktop
  1. Download the .zip file from the link provided your eMail.
  2. Extract the .zip file to your default extension folder (documents/qlik/sense/extensions) in Qlik Sense.
  3. Open Qlik Sense and add the 'Vizlib Line Chart' extension to a sheet.

2. Features:

  1. Fully customisable Multi-Line Chart with rich formatting options.
  2. Choose between Line or Area chart and pick the interpolation method (Linear/Step/Cubic etc.)
  3. Wide selection of data point representations, from symbols to images.
  4. Split totals by a second dimension represented by a Pie or Donut Chart.
  5. Full interactivity support and ability to turn native functionality off
  6. Option to accumulate metric values over the x-axis.
  7. Ability to add trend & regression lines
  8. Up to 5 users free.

3. Extension Settings:

3.1 Dimensions:

The Vizlib Line Chart supports either one dimension with multiple metrics or two dimensions with one metric. All settings related to the dimension are located in the Appearance section.

3.2 Measures:

The Vizlib Line Chart supports up ten metrics if one dimension is selected, or only one metric if two dimensions are chosen.

Vizlib Line Chart
Vizlib Line Chart
  • Visibility Condition
    Show/Hide the metrics based on a calculated condition.
  • Axis Position
    Choose the axis (left/right) against which the metric should be plotted against. Using multiple axis allows visualising multiple metrics of different magnitude on the same line chart.
  • Symbols
    Use markers or image to visualise the data points on the line chart.
  • Image
    Use either a online URL or upload your image using the native Qlik Sense content editor.
  • Representation
    Select your symbol representation (Symbol/Image)
  • Line Color
    Choose the line chart color. If no specific line chart color is chosen, the custom color palette is used.
  • Line Style
    Choose between dotted, dashed or normal line styles.
  • Curve Style
    The curve style determines how
  • Line Representation
    Choose between Area & Line representation
  • Line Thickness
    Set how thick the line appears
  • Line Opacity
    Set the opacity of the line. This is especially useful when you are using markers and you wish to put the line in to the background.
  • Area opacity
    Same as with the Line Opacity, but applicable to the area of the line chart, if Area Chart is chosen as the presentation.
  • Show Values
    Decide whether you wish you to display the data values on the Line Chart
  • Value Color
    Color of the values displayed
  • Value Font Size
    Font Size of the values displayed
  • Accumulate
    This option determines whether the metric is accumulated over its x-Axis. This is particularly interesting if the x-axis is a time dimension, and you wish to display the aggregated totals over time.
3.3 Sorting:

The Vizlib Line Chart supports the native Qlik Sense sorting capabilities. More information here on the Qlik Sense Help page:

3.4 Data Handling

The Vizlib Line Chart supports show zero values and a calculation condition.

3.5 Reference Lines
Vizlib Line Chart
Vizlib Line Chart

This section describes the various formatting options the user has when using dynamic reference lines in the Vizlib Line Chart.

  • Value on y-Axis
    Set the reference value – expression can be used here.
  • Axis Position
    Set against which axis (left/right) the reference line will be plotted against.
  • Label
    Give your reference axis a label which will be place on top of it.
  • Label Font Color
    Choose the label color.
  • Label Style
    Decide whether you wish to make the label bold/italic/underlined
  • Label Position
    Place the label either to the left, to the center, or to the right.
  • Line Color
    Choose the line Color of the reference line.
  • Line Width
    Choose the line width of the reference line.
  • Line Style
    Decide whether the reference line should be dotted, dashed or normal.
  • Show
    Conditional show for the reference line to display it only when the calculation condition is true.
3.5 Appearance
Grid Format

Documentation Coming Soon.

Vizlib Line Chart
  • Background type
    Choose whether you wish to use stripes in the background or rather stick to a fixed color.
  • Stripes Orientation
    If stripes are chosen, decide whether they should be displayed horizontally or vertically.
  • Stripe Color 1
    Choose the primary color of the stripes.
  • Stripe Color 2
    Choose the secondary color of the stripes.
  • Background Color
    If a fixed background type is chosen, you can here choose the color.
  • Opacity
    Choose the opacity for either the stripes or the background color
x-Axis Settings
  • Axis
    Show/Hide axis
  • 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 underlined.
  • x-Axis Line Color
    Set the color of the x-axis line
  • x-Axis Thickness
    Set the thickness of the x-Axis line.
  • x-Axis Ticks
    Set the number of ticks to be displayed for the x-Axis.
y (left)/y2 (right) Axis Settings
Vizlib Line Chart
Vizlib Line Chart

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 underlined.
  • y-Axis Line Color
    Set the color of the x-axis line
  • y-Axis thickness
    Set the thickness of the x-axis line.
  • 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.
Split 2nd dimension by

This section allows the user to decide how the second dimension in the Line Chart is split. Default is line, but it's also possible to create compelling visuals by splitting the totals in Pie & Donut Charts

Vizlib Line Chart
  • Line
    Display the second dimension as segregated lines. Most utilized presentation in a Line Chart.
  • Pie
    This allows you to split the totals into mini pie charts. The Radius setting controls the size of the pies in pixel.
  • Donut
    This allows you to split the totals into mini donut charts. The Outer/Inner Radius setting controls the size of the donuts in pixel.
Colors and Legend

Vizlib Line Chart

  • Use Color Scheme
    Pick one of 8 available colors schemes to paint the collection of lines.
  • Use Custom Colors
    You have got the freedom to choose your own collection of colors. This is particularly useful when you wish to be consistent with your corporate colors, e.g.. Just specify a comma-separated list of hex-colors (#4477aa,#7db8da,#b6d7ea,...), and Vizlib Line Chart will loop through it and dynamically assign the colors to the lines.
  • Reverse Colors
    When a Color Scheme is utilized, you can reverse the order of colors by activating this checkbox.
  • Show Legend
    Ability to show or hide the legend. This only works if one metric is selected and a second dimension exists.
  • Legend Position
    Ability to set where the position is displayed (left/right/top/bottom)
  • Legend Font Color
    Choose the font color of the legend.
  • Legend Font Size
    Pick the Font Size of the Legend Text.
3.6 Interactivity
Vizlib Line Chart

Interactivity enables the users to interact with the data in the chart as well as navigate throughout the line chart for a better view of the chart.

  • Tooltips
    Show/Hides the tooltips
  • Animations
    Enable the user to select multiple rows and accumulate selections until applied.
  • 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.

4. What's new?:

v2.2.1 03/09/2018:

Bug fixes:

  • Fixed rendering issue on IE.

v2.2 26/08/2018:

New Features:

  • Added a new reference Object: Annotations, where an annotation with title/text can be added on a data point.
  • Improved legend alignment.
  • Added PDF printing support.

Bug Fixes:

  • Fixed donut chart value labels where the label was not correctly showing the total.
  • When time aware was used sometimes on the left/right axis some extra margin was added.

v2.1 15/08/2018:

New Features:

  • Added stack mode in measures (independent per each axis).

Bug Fixes:

  • Dimension label was overlapping the axis in some occasions.

v2.0.3 26/07/2018:

Bug Fixes:

  • Fixed linechart pagination rendering issues when loading more than 2,500 data points.

v2.0.2 23/07/2018:

Bug fixes:

  • Fixed minor formatting issues on the secondary axis.

v2.0.1 19/07/2018:

Bug fixes:

  • Fixed number 'num()' formatting for measures.
  • Fixed some minor typos on the property panel + enhanced color gradient UI

v2.0.0 16/07/2018:

New features:

  • Added a new coloring mode 'by Segment'. Where the line/area can be split by value or line %, in order to multicolour the same measure.
  • Add ability to conditionally change the icon and font size dynamically by expression.
  • Add ability to conditionally apply opacity&color (line/data points/markers) by expression.

Bug fixes:

  • Fixed minor number formatting issues.
  • Removed inconsistent options in the panel related to images that were causing javascript errors in some QS versions.
  • Fixed some minor issues on the tooltip smoothness

v1.9.1 06/07/2018:

Bug fixes:

  • Tooltip was replacing spaces and other symbols with '_' on the tooltip labels.
  • Tooltip has a smoother UX when hovering data points.
  • Multi tooltip was not working in FireFox
  • Line opacity wasn't getting applied to data points (added data points opacity control)
  • Added more margin to y-axis'
  • Minor formatting bug fixes regarding the number formatting for the axis.

v1.9 04/07/2018:

New features:

  • Increased number of max allowed measures to 20.

v1.8 05/04/2018:

New features:

  • Added ability to control the color of the line by expression or dimension (available when 2 dimensions and 1 measure are used in the chart):

v1.7.2 16/04/2018:


  • Fixed conflict between non-timeaware axis and y-ref lines

v1.7.1 23/03/2018:


  • Fixed time-aware y-reference lines
  • Line highlighting on hover would not pick the correct line sometimes
  • Improve tooltip behavior and responsiveness
  • Dimming down of other trend lines would not work
  • y-Axis would sometimes get lost when only 1 dimensions value was selected

v1.7 23/03/2018:

New features:

  • Added vertical reference lines.
  • Added border and background color stying on reference line labels

v1.6.3 09/03/2018:

Bug fixes:

  • Fixed collisions with Scatter and Heatmap.
  • Opacity bug on the line chart when hovering.
  • Conditional show & hide was not hiding the data labels.
  • Fixed several bugs around the tooltip.

v1.6 12/02/2018:

New Features:
* Alternate States

v1.5 12/02/2018:

New Features:

  • Ability to add a custom text prefix/suffix to your y-axis formatting like currencies & more
  • Control the number of data points loaded and loading more than 10,000 records.

Bug Fixes:

  • Highlighting is automatically suppressed if you only have one line
  • Min/Max y/y2 values were in some cases not working as intended.
  • Property panel was sometimes throwing API errors due to expressions format being required in some settings. Expressions have now been set as optional.
  • Color picker for reference lines was not working.
  • y2 axis tick was overlapping the dimension title.

v1.4.4 13/11/2017:

Bug Fix:

  • Wrong Weekday in time aware chart

v1.4.3 26/10/2017:

New Features:

  • Sticky tooltip in single mode.

v1.4.2 25/10/2017:

New Features:

  • Compatability with Qlik Sense November 2017

v1.4.1 22/10/2017:

New Features:

  • Position horizontal reference line text on the right outer chart area
  • Ability to turn the Vizlib Line Chart into read-only (not selections possible)

Bug Fixes:

  • High & lowlighting of lines were not working in IE - this has been fixed.
  • Single tooltip would cut-off when selecting data points near the chart borders. The tooltip will now be re-positioned if close to the edge.
  • A metric consisting of null values only would break the chart - this has been fixed, and the line will disappear altogether.
  • Pie & Donut mode is now working also when x-axis is time-aware.
  • Reference line was breaking if decimal separator of its value was a comma (,). This has been fixed.

v1.4 16/10/2017:

New Features:

  • New single value tooltip.
  • Ability to format the font size of the tooltip (single mode only).
  • Ability to choose the line color of the trend lines.
  • Highlight data points on hover. Highlighting can be deactivated in the property panel.
  • Dynamic Metric Labels are now supported

Bug Fixes:

  • Fixed issue where Vizlib Line Chart would not display on a mashup hosted on a server other than Qlik.
  • Legend does not re-render when show/hide condition is updated
  • Conditional show/hide of the chart is now functioning
  • y-Axis ticks were sometimes cut off when dimension title was hidden. This is fixed
  • Accumulate Values Settings would not appear checked even if the settings were active.
  • Tooltip is now working in IE11 (single mode only).

v1.3.2 12/10/2017:

Bug Fixes:

  • Horizontal Reference Line was not dynamically updating with selections.

v1.3.1 02/10/2017:

Bug Fixes:

  • Fixed issue where trend lines would not disappear if deselected.
  • Bug with overlapping labels when using multiple metrics has been fixed
  • Chart does not crash anymore when converting back to a native Qlik Sense Line Chart

v1.3 25/09/2017:

* New Trend Lines available * Consistent Colors - select this if lines colors are fixed on their dimension value * Different Tooltip behaviors (stick/fixed/ centered) to avoid overlapping * A tiny vertical guideline was introduced with the Tooltip

Bug Fixes:

  • Fixed bug where the extension would stop working if there were no data to display
  • Fixed an issue where tooltip would display wrong value if null()

v1.2.4 06/08/2017:

Bug Fixes:

  • Axis Ticks wouldn't show when dimension is not time-aware
  • Horizontal Gridlines are now compatible with a secondary axis
  • Bug Fixe where sometimes the line would duplicate itself when resizing the charts

v1.2 28/05/2017:

  • Rich Grid Line Formatting introduced
  • Legend now supports for multiple Metrics too.
  • Fixed bug with Background Coloring
  • Null handling has been improved. If a record is missing on the x-axis, the line chart will produce a gap

v1.1 14/05/2017:

  • Initial extension release
  • Split-second dimension by Pie or Donut Chart
  • Image as Data Points
  • Conditional Show/Hide of Measures
  • Rich formatting options

Coming Soon:

  • Conditional Line Formatting
  • Sophisticated Tooltip
  • Forecasting

5 Known Limitations
  • The horizontal axis selector is not supported in IE
  • Tooltip is not yet supported in IE
  • Gradients doesn't work in QS Desktop due to limitation in the QS Desktop chrome browser.
6 Feedback and Bug Reporting

Feel free to raise your feedback or bugs found on the page below:

Contact us:

7. Terms & Conditions

Terms and Conditions
Privacy Note

2018 © Vizlib Ltd. - All rights reserved.