Days
Hours
Minutes
Seconds
Happy Ramadan! Enjoy limited time 30% discount. Coupon: RAMADAN24(Valid for annual subscription)
qxio-ios-color-wand-outline Grab The Deal

Doughnut Chart

With this module, you can generate a circular chart with interactive color variations. Its allows you the control over changing data and instantly change the ratio of circular bars and therefore show the inputted data in a graphical way. Its the most trendy and easiest chart making module compared to other traditional related modules.

Doughnut Chart

General Settings

Doughnut Chart

  • Add New : A button to add new Items. You can add Items as many as you want to make a Circular Chart with this button.
  • Duplicate : Clone the Item with all its settings.

Once you click on a created Item, a couple of settings will be appeared to configure.

  • Label : The title of the Item.
  • Data : Define the amount of that particular Item in numeric value.

Data must be in the numeric form as I defined a little earlier. Otherwise, it will not generate the chart.

  • Background Color : You can select the background color of the item with this option.
  • Border Color : You can choose the border color of the item with this option.

Styles Settings

Doughnut Chart

  • Enable Responsive : You can enable or disable responsiveness with this option.
  • Enable Border : This option allows you to enable or disable border for the item. You can also define the border width after you enable the option.
  • Padding : You can also define the amount of padding in pixel for Top, Right, Bottom as well as Left to Doughnut Chart.
  • Margin : You can set the amount of margin in pixel for Top, Right, Bottom and Left as well to the Doughnut Chart.
Joomla SEO Service

Grow rapidly with our Joomla SEO service done by the veterans

With over 12 years of business and a vast array of Joomla templates and extensions, we know Joomla SEO better than anyone you could possiblly hire.

Improve my ranking
On This Page