20
STEP 1 - Access www.chartboot.com 1 ChartBoot Editor is opened.

ChartBoot - Introductory Tutorial

Embed Size (px)

Citation preview

Page 1: ChartBoot - Introductory Tutorial

STEP 1 - Access www.chartboot.com

1ChartBoot Editor is opened.

Page 2: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

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

Page 3: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

3Switch back to ChartBoot editor and activate Import Data.

Page 4: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

4Import Data is opened.

Page 5: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

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

Page 6: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

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

Page 7: ChartBoot - Introductory Tutorial

STEP 2 - Import Data

7You have now your default Chart.

Page 8: ChartBoot - Introductory Tutorial

STEP 3 - Set Types

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

Page 9: ChartBoot - Introductory Tutorial

STEP 3 - Set Types

9Close the dialog.

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

Page 10: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

10Activate Edit Chart.

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

Page 11: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

11Google Chart Editor is opened.

Page 12: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

12Select Pie chart from the Recommended charts.

Page 13: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

13Go in the Customize option.

Page 14: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

14Set the Title.

Page 15: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

15Scroll down for the 3d effect.

Page 16: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

16Confirm with Ok.

Page 17: ChartBoot - Introductory Tutorial

STEP 4 - Edit Chart

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

Page 18: ChartBoot - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

18Open Get Chart Code.

Page 19: ChartBoot - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

19Select and Copy Chart Code.

Page 20: ChartBoot - Introductory Tutorial

STEP 5 - Getting Chart in your Page or Post

20Past it in your page or CMS and you’ll have that final result!