{"id":4173,"date":"2012-05-25T14:20:37","date_gmt":"2012-05-25T06:20:37","guid":{"rendered":"http:\/\/www.sharepointboost.com\/blog\/?p=4173"},"modified":"2023-07-31T11:39:52","modified_gmt":"2023-07-31T03:39:52","slug":"how-to-create-charts-in-sharepoint-2010","status":"publish","type":"post","link":"https:\/\/www.boostsolutions.com\/blog\/how-to-create-charts-in-sharepoint-2010\/","title":{"rendered":"How to Create Charts in SharePoint 2010"},"content":{"rendered":"<pre><strong><span style=\"color: #ff0000;\">Updates:<span style=\"color: #000000;\"> Do you want to create charts in SharePoint in seconds? Try our new released web part -<\/span><a href=\"http:\/\/www.boostsolutions.com\/sharepoint-business-charts.html?utm_source=spbblog&#038;utm_medium=post\"> SharePoint Business Charts<\/a><span style=\"color: #000000;\">! Business Charts provides an easy way for you to create charts directly in SharePoint list without help from an IT.<\/span><\/span><\/strong><\/pre>\n<p>Charts are one of the one of most common things to do while working with SharePoint. SharePoint 2010 makes creating charts easy. With the SharePoint 2010 Chart Web Part, you can create charts with no coding at all. Now, let us take a look at how to create a chart in SharePoint 2010.<\/p>\n<p>1. Create a SharePoint Custom List and name it &#8220;<strong>Salary<\/strong>.&#8221;<\/p>\n<p>2. Add three custom columns named &#8220;<strong>Gross<\/strong>,&#8221; &#8220;<strong>Housing fund<\/strong>&#8221; and &#8220;<strong>Medicare Tax<\/strong>.&#8221; Each of these three columns types should be &#8220;<strong>Single line of text<\/strong>.&#8221;<\/p>\n<p>3.<strong> <\/strong>Add several items to the list.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4174\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC1.jpg\" width=\"730\" height=\"210\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC1.jpg 730w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC1-300x86.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/a><\/p>\n<p><!--more-->4. Create a new SharePoint Page by clicking &#8220;<strong>Site Actions -&gt;New Page<\/strong>.&#8221;<\/p>\n<p>5. Name the page &#8220;<strong>Salary charts<\/strong>.&#8221;<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4175\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC2.jpg\" width=\"264\" height=\"151\" \/><\/a><\/p>\n<p>6. Now click on the &#8220;<strong>Site Actions -&gt;Edit Page<\/strong>&#8221; and from the &#8220;<strong>Editing Tools-&gt;Insert<\/strong>&#8221; Group on the ribbon select &#8220;<strong>Web Part<\/strong>.&#8221;<strong> <\/strong><\/p>\n<p><strong> <\/strong>7. From the categories pane select &#8220;<strong>List and Libraries<\/strong>&#8221; and click on the &#8220;<strong>Salary<\/strong>&#8221; List and finally click the &#8220;<strong>Add<\/strong>&#8221; button.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC31.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4177\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC31.jpg\" width=\"736\" height=\"276\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC31.jpg 736w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC31-300x112.jpg 300w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/a><\/p>\n<p>8. Repeat Step 6-7, but add &#8220;<strong>Chart Web Part<\/strong>&#8221; under the &#8220;<strong>Business Data<\/strong>&#8221; Categories.<\/p>\n<p>9. Finally click &#8220;<strong>Save &amp; Close<\/strong>&#8221; to save this configuration for the page.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC4.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4178\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC4.jpg\" width=\"751\" height=\"288\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC4.jpg 751w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC4-300x115.jpg 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/a><\/p>\n<p>10. You should now have a &#8220;<strong>Chart Web Part<\/strong>&#8221; under the &#8220;<strong>Salary List Web Part<\/strong>.&#8221;<\/p>\n<p>11. Bind the Chart Web Part to the input source, which in this case is the &#8220;<strong>Salary<\/strong>&#8221; web part.<\/p>\n<p>12. Click on &#8220;<strong>Data &amp; Appearance<\/strong>&#8221; from the &#8220;<strong>Chart Web Part<\/strong>.&#8221;<\/p>\n<p>13. From the first page of the wizard select &#8220;<strong>Connect Chart To Data<\/strong>,&#8221; as show in the figure below.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC5.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4179\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC5.jpg\" width=\"374\" height=\"133\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC5.jpg 374w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC5-300x106.jpg 300w\" sizes=\"(max-width: 374px) 100vw, 374px\" \/><\/a><\/p>\n<p>14. Select &#8220;<strong>Connect to another Web Part<\/strong>&#8221; and click the &#8220;<strong>Next<\/strong>&#8221; button, as show in figure below.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC6.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4180\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC6.jpg\" width=\"719\" height=\"287\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC6.jpg 719w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC6-300x119.jpg 300w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/a><\/p>\n<p>15. Select the &#8220;<strong>Salary<\/strong>&#8221; web part from the List drop down and click the &#8220;<strong>Next<\/strong>&#8221; button.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC7.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4181\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC7.jpg\" width=\"635\" height=\"232\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC7.jpg 635w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC7-300x109.jpg 300w\" sizes=\"(max-width: 635px) 100vw, 635px\" \/><\/a><\/p>\n<p>16. Click the &#8220;<strong>Next<\/strong>&#8221; button.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC8.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4182\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC8.jpg\" width=\"633\" height=\"179\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC8.jpg 633w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC8-300x84.jpg 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC9.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4183\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC9.jpg\" width=\"691\" height=\"417\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC9.jpg 691w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC9-300x181.jpg 300w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><\/a><\/p>\n<p>17. From the &#8220;<strong>Y Field<\/strong>&#8221; drop-down select &#8220;<strong>Gross<\/strong>&#8221; and from the &#8220;<strong>X Field<\/strong>&#8221; drop-down select &#8220;<strong>Title<\/strong>.&#8221; These are the column from the Salary web part.<\/p>\n<p>18. Click the &#8220;<strong>Finish<\/strong>&#8221; button and it should generate a chart like the figure below.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC10.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4184\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC10.jpg\" width=\"288\" height=\"337\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC10.jpg 288w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC10-256x300.jpg 256w\" sizes=\"(max-width: 288px) 100vw, 288px\" \/><\/a><\/p>\n<p>19. Let&#8217;s add some quick formatting to make the Chart more visually appealing.<\/p>\n<p>20. Click on &#8220;<strong>Data &amp; Appearance<\/strong>&#8221; and click &#8220;<strong>Customize Your Chart<\/strong>.&#8221;<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC11.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4185\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC11.jpg\" width=\"698\" height=\"422\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC11.jpg 698w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC11-300x181.jpg 300w\" sizes=\"(max-width: 698px) 100vw, 698px\" \/><\/a><\/p>\n<p>21. On the &#8220;<strong>Select Chart Type<\/strong>&#8221; step, select &#8220;<strong>3D Chart Types<\/strong>&#8220;<strong> <\/strong>from the &#8220;<strong>Chart Templates<\/strong>&#8221; and select &#8220;<strong>Column with Perspective<\/strong>.&#8221;<\/p>\n<p>22. Click the &#8220;<strong>Finish<\/strong>&#8221; button and this will generate a 3D chart.<\/p>\n<p><a href=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC12.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-4186\" alt=\"\" src=\"http:\/\/www.BoostSolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC12.jpg\" width=\"325\" height=\"346\" srcset=\"https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC12.jpg 325w, https:\/\/www.boostsolutions.com\/blog\/wp-content\/uploads\/2012\/05\/How-to-Create-Charts-in-SharePoint-2010-PIC12-281x300.jpg 281w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/a><\/p>\n<p>As you see, adding and working with charts in SharePoint 2010 is extremely easy.<\/p>\n<p>SharePoint Business Charts<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Updates: Do you want to create charts in SharePoint in seconds? Try our new released web part &#8211; SharePoint Business Charts! Business Charts provides an easy way for you to create charts directly in SharePoint list without help from an IT. Charts are one of the one of most common things to do while working [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[461,125,480],"tags":[384,383,12],"_links":{"self":[{"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/4173"}],"collection":[{"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=4173"}],"version-history":[{"count":14,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/4173\/revisions"}],"predecessor-version":[{"id":9223,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/4173\/revisions\/9223"}],"wp:attachment":[{"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=4173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=4173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boostsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=4173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}