ChartBoot for Wordpress - Introductory Tutorial

Post on 15-Apr-2017

602 views 1 download

Transcript of ChartBoot for Wordpress - Introductory Tutorial

STEP 1 - Open Chart Boot WordPress Editor

1Open the editor by clicking the ChartBoot media button.

STEP 1 - Open Chart Boot WordPress Editor

2ChartBoot Editor is opened.

STEP 2 - Import Data

3Move to your data source (e.g., MS Excel) and Select and Copy source data.

STEP 2 - Import Data

4Switch back to ChartBoot editor and activate Import Data.

STEP 2 - Import Data

5Import Data is opened.

STEP 2 - Import Data

6Select textarea (by clicking on it) and Paste your data.

STEP 2 - Import Data

7Don’t eliminate Headers flag, because your data has Headers. Click ok to confirm.

STEP 2 - Import Data

8You have now your default Chart.

STEP 3 - Set Types

9Activate Set Types to review / edit the source data types.You can choose: string, number, date.

STEP 3 - Set Types

10Close the dialog.

For the purposes of the current tutorial you can leave the type as they are (default) and Close the dialog.

STEP 4 - Edit Chart

11Activate Edit Chart.

Suppose you want a 3D Pie Chart with title “Fruit Quantity” and with a size of 400 x 400 pixels.

STEP 4 - Edit Chart

12Google Chart Editor is opened.

STEP 4 - Edit Chart

13Select Pie chart from the Recommended charts.

STEP 4 - Edit Chart

14Pie Chart is now displayed.

STEP 4 - Edit Chart

15Go in the Customize option.

STEP 4 - Edit Chart

16Set the Title.

STEP 4 - Edit Chart

17Scroll down for the 3d effect.

STEP 4 - Edit Chart

18Confirm with Ok.

STEP 4 - Edit Chart

19Set then the Width and the Height to 400px.

STEP 5 - Getting Chart in your Page or Post

20Send your Chart (shortcode) to WordPress editor.

STEP 5 - Getting Chart in your Page or Post

21Chart Short Code is inserted in the Post or Page.

STEP 5 - Getting Chart in your Page or Post

22Viewing the Post or Page you’ll have that final result!