ChartBoot for Wordpress - Introductory Tutorial

22
STEP 1 - Open Chart Boot WordPress Editor 1 Open the editor by clicking the ChartBoot media button.

Transcript of ChartBoot for Wordpress - Introductory Tutorial

Page 1: ChartBoot for Wordpress - Introductory Tutorial

STEP 1 - Open Chart Boot WordPress Editor

1Open the editor by clicking the ChartBoot media button.

Page 2: ChartBoot for Wordpress - Introductory Tutorial

STEP 1 - Open Chart Boot WordPress Editor

2ChartBoot Editor is opened.

Page 3: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

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

Page 4: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

4Switch back to ChartBoot editor and activate Import Data.

Page 5: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

5Import Data is opened.

Page 6: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

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

Page 7: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

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

Page 8: ChartBoot for Wordpress - Introductory Tutorial

STEP 2 - Import Data

8You have now your default Chart.

Page 9: ChartBoot for Wordpress - Introductory Tutorial

STEP 3 - Set Types

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

Page 10: ChartBoot for Wordpress - Introductory Tutorial

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.

Page 11: ChartBoot for Wordpress - Introductory Tutorial

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.

Page 12: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

12Google Chart Editor is opened.

Page 13: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

13Select Pie chart from the Recommended charts.

Page 14: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

14Pie Chart is now displayed.

Page 15: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

15Go in the Customize option.

Page 16: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

16Set the Title.

Page 17: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

17Scroll down for the 3d effect.

Page 18: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

18Confirm with Ok.

Page 19: ChartBoot for Wordpress - Introductory Tutorial

STEP 4 - Edit Chart

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

Page 20: ChartBoot for Wordpress - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

20Send your Chart (shortcode) to WordPress editor.

Page 21: ChartBoot for Wordpress - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

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

Page 22: ChartBoot for Wordpress - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

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