After installing, follow the initial guidelines to easily set up the line-chart widget and customize it with your preferred design. Effortlessly configure the line-chart widget by adhering to these initial guidelines, tailoring it to seamlessly match your preferred design.
Use the controllers in the panel to customize and change the type of the lines.
Click on the ‘Change Line Data’ button and choose your preferred method for feeding data: API, manually, or using the public function setJson.
Manually
To enter data manually:
Use the "No of lines" slider to select the number of lines.
For each line, use the dropdown to choose which line to edit. You can change the line color, title, etc.
Select the number of data points for each line using the provided slider.
Use the dropdown to select a data point and then change its value. The chart will update live.
API
If using an API, provide the URL containing the JSON object structure as shown below:
Expected JSON Structure: API JSON URL
SetJson
setJson is a public function expects JSON object structure should be similar to below,
Expected JSON Structure: setJson Public Function
setJson function usage
Changing design mainly in two categories: changing the legend design and changing the chart design.
Chart Axis Designs,
Chart design contains with,
Chart size,
Toggle transparent background
Change background color
Please consider adding a review for the app by following below steps. Thank you for your help!❤️