Line Chart
Last updated
Last updated
Check out the below given walk-through on how to use the Line chart component in Designer module.
A line chart or line plot or line graph or curve chart is a type of chart that displays information as a series of data points called 'markers' connected by straight line segments. It is a basic type of chart common in many fields. The Line charts connect individual numeric data points to create a sequence of values. They are primarily used to display trends over a period.
To view trends in data over a period.
Example: To indicate increasing revenue or varying stock price
Mixed Chart- Combine a line graph with column charts to provide visual cues for further investigation.
Example: A column chart representing the numeric score of students combined with the line chart corresponding proficiency score
Axis Setup
The user can Enable the Auto axis, the Base Zero value, Horizontal & Vertical marker line, zero marker line and can change the color of lines, increase and decrease the color Transparency by opacity.
Background
The user can change the background color of the chart, can get the border for the chart and can change the border color, get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.
Export Options
The user can enable the ‘Enable Context Menu’ to download the reports in different formats By clicking on the chart from the preview section, the heading and subheading of that downloaded chart and the name of the downloaded file can be changed from this section.
Formatter
The user can change Y-Axis values in units to %, T, Lacs, M, etc. Precision if we want the value in decimal format. Currency if we want the value in INR, Pound, USD. Position of the currency if it's in prefix and currency in Rupee then the sign will be seen in left-side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.
General
The user can change the height, width, top, left, chart type, column type & Line form. In this case, we have changed the Line type to curve, segment, etc.
Legend
The user can enable the internal legend to show and change the font size, font color, font style.
Repeater
These Properties will work when the users have a category field and that category value should display in a different chart. For Example: If we have a Year for each year, it will generate a different chart.
Subtitle
The user can enable the subtitle if we have any second title and also, we can change the Name, Font color, size, style, etc.
Title
The user can change Title Name, Font color, size, style, etc.
Tooltip
The user can show the description of the series by enabling a tooltip.
X-Axis
The user changed the axis name, Font color, Font size, Enable the axis line, and changed the axis color.
Y-Axis
The user changed the axis name, Font color, Font size, Enable the axis line, and changed the axis color.
The user can change the color of each series by selecting any of the series. The user can enable the Data Label to show the Value of each Revenue & Expenses.
The following data was used to generate the given example:
Year | NorthAmerica | Europe | Asia |
---|---|---|---|
2008 | 50 | 150 | 60 |
2009 | 60 | 100 | 65 |
2010 | 100 | 80 | 70 |
2011 | 120 | 85 | 75 |
2012 | 130 | 95 | 80 |
2013 | 160 | 75 | 85 |
2014 | 170 | 90 | 90 |
2015 | 180 | 110 | 95 |
2016 | 170 | 120 | 100 |
Use the Year column as Category field, and other columns as Series to plot data as shown in the given examples below: