Create informative line charts using this widget, to display information in an informative chart block, and customize it further to fit your website.
Using Line Chart
Step 1
Make sure you have the Line Chart widget enabled from your Dashboard > Droit Addons > Elements.
Step 2
Let’s start by searching for the Line Chart widget from the left-hand side menu, and drag the widget to your preferred location.
Step 3
From the Content drop-down tab, you can start adding labels in chronological order. By using ( , ) as a spacing separator, add your labels. For example – January, February, March, April, May, June, etc.
Step 4
You add more items/projects/products to your line chart by clicking on the ‘’ADD ITEM’’ button. To edit each new item, just click on each item to access its drop-down menu. From here you can item label and data values.
Your data values will define your line chart’s structure. Use ( , ) as a separator and start adding your values. For example – 4,2,7,2,6,3, etc.
Step 5
You can add different style options to each item, just click on the tab next to the data set on each item. From here you can edit – dash border, background filling, border color, pointer color, pointer size, pointer type, and so much more.
Step 6
From the Chart Settings drop-down, you can toggle between the grid’s both X & Y Axes line, label, tooltips, and legend title.
You also have the option to increase and decrease the size of both the X & Y Axes scale and edit the legend title, position, and style.
Step 7
You can further customize it by configuring different style and advanced settings options.
And that’s it. When you’re done, press “Publish” to save your changes.