A line graph is a graphical display of information that changes continuously over time. A line graph may also be referred to a line chart. Within a line graph, there are points connecting the data to show a continuous change. The lines in a line graph can descend and ascend based on the data. We can use a line graph to compare different events, situations, and information. Note: Choose the file extension as js.

Sample Code

setChartLibrary('google-chart');
setChartTitle('Your Graph Title');
setChartType('lineGraph');
setAxisName('X-Axis Name','Y-axis Name');
plotChart('time_stamp','your_variable_name');

Output

Code Format

Syntax	Parameter(s)	Description
setChartLibrary('google-chart');	Library Name	Set the chart library to be used. Bolt Cloud uses 'google-chart' to visualize the data.
setChartTitle('Your Graph Title');	Graph Name	Set the title of the graph according to your choice. You can also pass device id and device name in the setChartTitle in function. For example: setChartTitle(device_name + "" + device_id);
setChartType('lineGraph');	Graph type	Set the type of chart to be plotted. Bolt Cloud offers 8 different types of charts to be plotted i.e Line Graph, Bar Graph, Scatter Graph, Area Graph, Table Graph, Stepped Graph, Histogram Graph, and Gauge.
setAxisName('X-Axis Name','Y-axis Name');	Axis Name	Set the display name for each of the graph axis.
plotChart('time_stamp','your_variable_name');	Variable Names	Display the graph on the screen for the given variables. The first parameter is always 'time_stamp' and the second parameter is the variable name that you have given during hardware configuration of the product.
setNumberFormatter('format type');	Format type	Describes how numeric columns should be formatted. setNumberFormatter() function supports the following options as parameter - 'decimal', 'scientific', 'percentage', 'currencyInDollar', 'currencyInRupees'. This function should be called before the plotChart() function.
setAnimation(boolean);	Boolean type	This function describes how to animate modifications made to a chart, instead of applying them instantly. setAnimation() function supports the following options as parameter- true, false. It is enabled (true) by default and this function should be called before the plotChart() function.
setCrosshair(boolean);	Boolean type	Crosshairs are thin vertical and horizontal lines centered on a data point in a chart. When you, as a chart creator, enable crosshairs in your charts, your users will then be able to target a single element. setCrosshair() function supports the following options as parameter- true, false. It is disabled (false) by default and this function should be called before the plotChart() function.
setDateFormatter('date format');	Date Format	Formats the x-axis date value in a variety of ways. setDateFormatter() function supports the following options as parameter- 'mm/dd/yyyy', 'dd/mm/yyyy'. This function should be called before the plotChart() function.