Happy Elementor Addons Pro has introduced a new widget Line chart. You can show all your stats of your website in a more stylish and smart way. It has some exclusive features that will help you make extraordinary designs for your charts.
Using the Line chart widget
Step 1:
Select the Line chart widget from the menu bar on the left-hand side of the screen then drag and drop it in the selected area.
Step 2:
In the ‘Content‘ section, you will find options to edit ‘Line Chart‘, ‘Settings‘, ‘Wrapper Link‘.
Now, you can Add Items as many as you like. In the content section, you can give a name to the label and add Data. Remember, the amount of space the item will vary in the chart depends on the data.
In the style section, you can add background color and background hover color. Now, remember the first number is the size of the dash and the second number will be the distance between the dash in the Dash Border. For example, if you put 2,15 then 2 is the size of the dash and 15 will be the distance between the dashes.
You can enable background fill, set background color, border color, point color from here.
In the Settings section, you can determine chart heights, enable tooltip, legend, scale axis range, set legend position. Also, you can add animation to the chart.
Step 3:
In the ‘Style‘ section, you will have options to design ‘ Common,’ Legend’, ‘Labels’ and ‘ Tooltip’.
In the Common section, you can add padding, border width, line tension, point border width, point style from different attributes.
You can set box width and typography in the Legend section.
In Labels, you can set padding, X-Axes, and Y-Axes typography.
In the Tooltip section, you can set padding, border width, radius, caret size. Also, you can select mode, background color, border color, title, and body typography.
Step 4:
If you want to add motion effects, happy effects, background or make it responsive and more intriguing, click on ‘Advanced‘ to explore those options. the ‘Advanced‘ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.
Lastly, you will see a beautiful Line chart widget on your website.
That’s it!
