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 the following: 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 and Y axes lines, labels, tooltips, and legend title. 

You also have the option to increase and decrease the size of both the X and Y axes scales and edit the legend title, position, and style. 

Step 7 #

You can further customize it by configuring different advanced and style settings options.

And that’s it. When you’re done, press “Publish” to save your changes.

Powered by BetterDocs