Download - ChartBoot - Introductory Tutorial
![Page 1: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/1.jpg)
STEP 1 - Access www.chartboot.com
1ChartBoot Editor is opened.
![Page 2: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/2.jpg)
STEP 2 - Import Data
2Move to your data source (e.g., MS Excel) and Select and Copy source data.
![Page 3: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/3.jpg)
STEP 2 - Import Data
3Switch back to ChartBoot editor and activate Import Data.
![Page 4: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/4.jpg)
STEP 2 - Import Data
4Import Data is opened.
![Page 5: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/5.jpg)
STEP 2 - Import Data
5Select textarea (by clicking on it) and Paste your data.
![Page 6: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/6.jpg)
STEP 2 - Import Data
6Don’t eliminate Headers flag, because your data has Headers. Click ok to confirm.
![Page 7: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/7.jpg)
STEP 2 - Import Data
7You have now your default Chart.
![Page 8: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/11.jpg)
STEP 4 - Edit Chart
11Google Chart Editor is opened.
![Page 12: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/12.jpg)
STEP 4 - Edit Chart
12Select Pie chart from the Recommended charts.
![Page 13: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/13.jpg)
STEP 4 - Edit Chart
13Go in the Customize option.
![Page 14: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/14.jpg)
STEP 4 - Edit Chart
14Set the Title.
![Page 15: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/15.jpg)
STEP 4 - Edit Chart
15Scroll down for the 3d effect.
![Page 16: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/16.jpg)
STEP 4 - Edit Chart
16Confirm with Ok.
![Page 17: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/17.jpg)
STEP 4 - Edit Chart
17Set then the Width and the Height to 400px.
![Page 18: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/18.jpg)
STEP 5 - Getting Chart in your Page or Post
18Open Get Chart Code.
![Page 19: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/19.jpg)
STEP 5 - Getting Chart in your Page or Post
19Select and Copy Chart Code.
![Page 20: ChartBoot - Introductory Tutorial](https://reader035.vdocuments.us/reader035/viewer/2022062823/587588a31a28ab901c8b53c7/html5/thumbnails/20.jpg)
STEP 5 - Getting Chart in your Page or Post
20Past it in your page or CMS and you’ll have that final result!