chartboot - introductory tutorial

Post on 11-Jan-2017

205 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

STEP 1 - Access www.chartboot.com

1ChartBoot Editor is opened.

STEP 2 - Import Data

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

STEP 2 - Import Data

3Switch back to ChartBoot editor and activate Import Data.

STEP 2 - Import Data

4Import Data is opened.

STEP 2 - Import Data

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

STEP 2 - Import Data

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

STEP 2 - Import Data

7You have now your default Chart.

STEP 3 - Set Types

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

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.

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.

STEP 4 - Edit Chart

11Google Chart Editor is opened.

STEP 4 - Edit Chart

12Select Pie chart from the Recommended charts.

STEP 4 - Edit Chart

13Go in the Customize option.

STEP 4 - Edit Chart

14Set the Title.

STEP 4 - Edit Chart

15Scroll down for the 3d effect.

STEP 4 - Edit Chart

16Confirm with Ok.

STEP 4 - Edit Chart

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

STEP 5 - Getting Chart in your Page or Post

18Open Get Chart Code.

STEP 5 - Getting Chart in your Page or Post

19Select and Copy Chart Code.

STEP 5 - Getting Chart in your Page or Post

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

top related