Line Chart

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.

Was this article helpful to you? No Yes

How can we help?

Looking for help ? Contact Support

Welcome to the documentation page of SassLand. Based on the RTF

Create support ticket