Style: Flat, Design: Bar

Chart Animation: Cubic

  • One
  • Two

Chart Animation: Bounce

  • One
  • Two

Chart Animation: Elastic

  • One
  • Two

Chart Animation: Back

  • One
  • Two

Style: Mordern, Design: Line

Chart Animation: Quint

  • One
  • Two

Chart Animation: Quart

  • One
  • Two

Chart Animation: Quad

  • One
  • Two

Chart Animation:Sine

  • One
  • Two

Style: Custom, Design: Line

Chart Animation: Quint

  • One
  • Two

Chart Animation: Quart

  • One
  • Two

Chart Animation: Quad

  • One
  • Two

Chart Animation:Sine

  • One
  • Two

GENERAL SETTINGS

Round Chart

Display chart with your custom value and styling parameters in following formats:

  • Line
  • Bar
Param name
Description
Widget title Title of widget which will be displayed above widget.
Design Select type of chart from Round or Doughnut.
Style Select chart color style.
Note: If chosen Custom then all predefined color dropdowns will be changed to color picker.
Gap Select gap between chart values.
Outline color Select color for gap and outline.
Custom outline color Set custom outline color.
Note: available only when «Outline color» is set to Custom.
Show legend Select to display legend.
Show hover values Select to display values on hover.
X-axis values Enter values for X-axis.
Note: Separate values with semicolon.
Values: Title Enter title for chart area.
Values: Y-axis values Enter values for chart area Y-axis.
Note: Separate values with semicolon.
Values: Color Select color for chart area.
Animation Select chart animation style.
CSS Animation Choose, preview (clicking “animate it”) and add animation.
Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification).
Extra class name Add class name in order to refer to this element in CSS.
Design Options Control borders, background and other styling options. Preview details here

(c) WPBakery KNOWLEDGE BASE