Line Chart

A line chart, often known as a line graph, is a style of chart that shows data as a succession of’markers,’ or data points, connected by straight line segments. This fundamental style of chart is utilised widely.


Metrics - 1 or more metrics can be used

Attributes - 1 or more attributes can be used.

Use as Filter Option - Available

line inputs

area inputs


Marker properties have been moved to Series properties in Vitara charts since version 4.6. The modified marker characteristics are used by all charts that support Series as Line/Area. By selecting the Series tab and clicking the ‘Edit’ button, you can see the Enable marker, Marker type, and Marker size options to Enable marker properties. There are numerous markers to choose from. Navigate to the marker tab, choose the marker type, and then select the marker. The size of the markings can also be changed. Simply enter a number in the ‘Marker Size’ text input box, or utilise the increase/decrease buttons.

line inputs

line inputs

In the below example, the line changed to area in series property and ‘Rocket’ marker is applied for the 2015 attribute element. Below is the screenshot with marker applied in the chart.

line inputs


We can turn the line/area chart into the combinational chart by changing the ‘series type’ in the ‘series’ tab.

line inputs

From version 4.9.0, this charts have the Pattern fill option (Grid/Square/Double Square/Slash) in the Series tab, which allows us to display data in a more presentable manner.



Line chart

Line chart - line type options like dashed line, dotted line.

From the 4.5 version of Vitara charts, the line options are introduced in Line, Area and Sparkline charts. Line width, Line style and Line Style are the 3 options introduced. Below are the screenshots with the line options. Line width - 2 Line width - Blue Line style - ShortDashDot

line inputs

line inputs


In the business point of view, certain part of the chart needs to be highlighted to draw more attention from the desicion makers. For example, highlight the stores where total sales is greater than a specific value or highlight the top 10 products whose sales is high during last year’s winter. Thresholds are very useful objects in these use cases.

Thresholds will display some conditional formatting in a chart to highlight certain data points depending on predefined criteria.The criteria are attribute or metric qualifications. If a qualification’s expression evaluates to TRUE, the report displays the threshold. We can also include markers in thresholds.

To apply thresholds in vitara charts, hover the cursor on the chart. Vitara chart will display an ‘Edit’ button. When you click on this ‘Edit’ button the properties window will pop out. Select the thresholds tab to open threshold editor. In the window you can add a new threshold or delete any existing threshold or modify the existing threshold.

Note: From 4.6 version we can apply thresholds using attributes. The source drop down box in the threshold editor window will list all the attributes and metrics in the chart. we can select an attribute as source and define a threshold condition. The target of the threshold depends on the series of the chart. This means, if the chart series is created using metrics then target drop down box will display the metrics. If we enabled ‘color by’ mode, by adding an attribute to the ‘color by’ drop zone in the dossier’s editor panel, the chart series will be created using attributes. In this case the threshold target drop down box will show all the elements of attribute used in the color by drop zone. In this case we can set threshold target using attribute.

line threshold add

In the threshold editor window apply source, target, threshold condition and the other related information to set a threshold on the chart.

line threshold condition

After giving all the inputs click on ‘Apply’ button.

From version 4.9.0, we can use pattern fill in thresholds, certain part of the chart can be filled with a pattern.

threshold series

threshold series

Play-by Animation

Play by - animation shows the chart for each element of the first attribute. For more details about the play by feature please refer to play-by.

Background Image

The steps to set a background image for all Vitara charts are explained in backgroundImage.

Small Multiples

Line chart supports small multiples feature. Small multiples feature is explained in smallMultiples.

Data Markers

From the version 4.4, data markers feature is introduced in the Line/Area charts. To know about Data Markers feature please click Here.

Gradient Color

From version 5.0, Gradient color fill can be added where the series property is available.

It can be enabled by selecting options from the series tab for individual series.


It will show the color palette, which will have two selection handles to choose two colors that will render from beginning to end on the series. (From left to right)