Gauge chart (also known as dial chart or speedometer chart) uses a single needle to show information as a reading on a dial. On the gauge chart, the value for the needle is read on a colored data range. This chart type is often used in executive dashboard reports to show key business indicators. It’s a great tool to help visualize percentages, as well as other fixed-range amounts for end users.
Note: Choose the file extension as js.
setChartLibrary('google-chart'); setChartTitle('Gauge Chart'); setChartType('gauge'); setAxisName('axis_name'); setDimensions(400,400); setMaxValue(1023); setYellow(501,725); setRed(726,1023); setGreen(250,500); plotChart('your_variable_name');
Set the chart library to be used. Bolt Cloud uses 'google-chart' to visualize the data.
setChartTitle('Your Graph Title');
Set the title of the graph according to your choice.
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.
In Gauge chart, there is no axis. You can use this function to put a label inside the gauge. If this function is not used then it will take the variable name from the plotChart function as the default value for the label.
Display the graph on the screen for the given variables.In Gauge, there is only one parameter i.e the variable name that you have given during hardware configuration of the product. If you will not pass the variable name then it will take the variable name from setAxisName function.
setLogo('logo_source', height, width);
Logo path & Dimensions
Set the logo of your choice to be displayed at the top left corner of the website. The first parameter is logo source and the second and third parameter is the height and width of the image in pixels.
This syntax helps to resize your gauge. Pass the height and width as the parameter.
Set the max value for the gauge.
Set the Red color between the given interval range.
Set the Yellow color between the given interval range.
Set the Green color between the given interval range.
Updated 7 months ago