CHART PRO MODULE HELP DOCUMENT

Chart Pro Module

Our Chart Pro Module helps you create perfect, responsive charts. With multiple user-friendly settings, it enhances the UI design of your charts, making them elegant and beautiful.

Demo URL: https://pennyblacktemplates-3813597.hs-sites.com/chart-pro-module-demo

How To Include Module

  1. In your webpage search table maker module
  2. Click and drag & drop the module

How To Change Chart Type

  1. Edit chart pro module
  2. At left sidebar you can find "Chart type" dropdown. In that you can see below types
    1. Line Chart
    2. Area Chart
    3. Bar Chart
    4. Pie Chart
    5. Donut Chart
    6. Radical Bar Chart
    7. Radar Chart
    8. Polar Area Chart
  3. You can choose whatever like

Chart Data Options

i) How To Include Chart Data
  1. Edit chart pro module column option
  2. At left sidebar enter data's form "Data" option with comma Separator
i) On/Off Data Labels
  1. Edit chart pro module
  2. At left sidebar you can find "Enable data label" checkbox. Enable/disable whatever you like
ii) Style Data Labels
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. Edit "Data label options" group at the left sidebar
  4. In that you can find styling option you can edit whatever you like

How To Include Label Names

Using Line, Area & Bar Chart Type
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. Then edit "x axis" group
  4. In that enter label names form "X axis categories" option with comma Separator
Using Pie, Donut, Polar, Radical Bar & Radar Chart Type
  1. Edit chart pro module
  2. At left sidebar edit "Pie, donut, radical bar, radar & polar area chart's options" group
  3. In that enter label names form "Label names" option with comma Separator

Chart Title Options

How to Edit Chart Title
  1. Edit chart pro module
  2. At left sidebar enter chart title text form "Chart title text" textarea
How to Style Chart Title
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. Edit "Chart title group" at the left sidebar
  4. In that you can find styling option you can edit whatever you like

Chart Grid Options

It allows line, area, bar & radar chart types

  1. Edit chart pro module
  2. In left sidebar you can find "Chart grid options" group.
  3. In that you can find multiple editing grid option you can edit whatever you like

How To Edit Chart Marker Options

It allows toolbar options only in line & area chart types

  1. Edit chart pro module
  2. At left sidebar edit "Chart marker options" group
  3. In that you can find multiple editing option you can edit whatever you like

Chart Zoom Options

It allows zooming only in line & area chart types

How To On/Off Zoom
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. In that you can find "Enable zoom" checkbox, enable or disable whatever you like
How To Style Zoom
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. Edit "Line, area & bar chart options" group at the left sidebar
  4. In that you can find "Zoom options" group, edit whatever you like

Chart Toolbar Options

It allows toolbar options only in line & area chart types

How To On/Off Toolbar
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. In that you can find "Enable toolbar" checkbox, enable or disable whatever you like
How To Edit Toolbar
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. In that you can find "Toolbar options" group
  4. Thare are multiple toolbar options checkbox, enable or disable whatever you like

Line, area & bar chart options

How To Edit X axis
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. You can find and edit "X axis" group
  4. In that you can find multiple editing options, you can edit whatever you like
How To Style X axis
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. At left sidebar edit "Line, area & bar chart options" group
  4. You can find and edit "X axis" group
  5. In that you can find multiple styling options, you can edit whatever you like
How To Edit Y axis
  1. Edit chart pro module
  2. At left sidebar edit "Line, area & bar chart options" group
  3. You can find and edit "Y axis" group
  4. In that you can find multiple editing options, you can edit whatever you like
How To Style Y axis
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. At left sidebar edit "Line, area & bar chart options" group
  4. You can find and edit "Y axis" group
  5. In that you can find multiple styling options, you can edit whatever you like
How To Edit Border For The Chart’S Series
  1. Edit chart pro module
  2. In left sidebar at top you can find "Style" tab click it.
  3. At left sidebar edit "Line, area & bar chart options" group
  4. In that you can find "Border options" group, edit border width & color whatever you like

Pie, donut, radical bar, radar & polar area chart's options

How To change colors for the chart’s series
  1. Edit chart pro module
  2. At left sidebar edit "Pie, donut, radical bar, radar & polar area chart's options" group
  3. In that you can find "Colors" options, edit the color whatever you like
How To change border for the chart’s series
  1. Edit chart pro module
  2. At left sidebar edit "Pie, donut, radical bar, radar & polar area chart's options" group
  3. In that you can find "Border options" group, edit border width & color whatever you like

Support

Did you have any Query?

Send email to us

Email: support@pennyblacktemplates.com