Enable Chart Web Part in SharePoint 2013/2016/Online

This SharePoint tutorial, we will discuss chart web part sharepoint 2013, how to enable chart web part in SharePoint 2013/2016/Online. Also, we will see how to fix SharePoint 2013 chart web part missing issue.

Chart web part SharePoint 2013

Till SharePoint 2010, Microsoft has provided the chart web part that we can use to create various chats from SharePoint list data.

But Microsoft has removed the chart web part in SharePoint 2013. So chart web part is missing in SharePoint 2013 version and the next versions onwards.

SharePoint 2013 Chart Web Part Missing

Recently we got one requirement for implementing Chart webpart in SharePoint 2013. So I just found the way how I will implement chart web part in SharePoint server 2013.

Here we will see how to enable chart web part in SharePoint 2013 or how to enable chart web part in SharePoint 2016 or how to enable chart web part in SharePoint Online.

There are two ways we can enable SharePoint 2013 missing chat web part.

The below approach I have done in a SharePoint Online site. The same way you can also enable chart web part SharePoint 2013.

Open SharePoint Online site (top-level site), then click on the Gear or settings icon, then click on Web parts which are under Web Designer Galleries.

Then click on the Files -> New Document -> New from the ribbon.

chart web part in sharepoint 2013
chart web part sharepoint 2013

Then search for “Microsoft.Office.Server.WebControls.ChartWebPart” and select the item (check the check box).

sharepoint 2013 chart web part
enable chart web part sharepoint 2013

Then click on the Populate Gallery, it is presented at the top.

chart web part sharepoint 2016
chart web part sharepoint 2013

Once you populate, you can see it will be available in the page.

chart web part sharepoint 2013

You can then open any SharePoint web part page and Edit the page and add a web part, you can see the SharePoint chart web part will be available under the Miscellaneous category.

SharePoint 2013 Chart Web Part Missing

Enable chart web part SharePoint 2013

There is also another way, we can enable chart web part SharePoint 2013.

So for creating chart web part in sharePoint 2013, we need to follow below steps:

Copy the below code.

<webParts>
<webPart xmlns="http://schemas.microsoft.com/WebPart/v3">
<metaData>
<type name="Microsoft.Office.Server.WebControls.ChartWebPart, Microsoft.Office.Server.Chart, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
<importErrorMessage>Cannot import Chart Web Part.</importErrorMessage>
</metaData>
<data>
<properties>
<property name="RealTimeInterval" type="int">0</property>
<property name="Height" type="unit" />
<property name="IsCustomized" type="bool">False</property>
<property name="ListUrl" type="string" null="true" />
<property name="AllowConnect" type="bool">True</property>
<property name="CatalogIconImageUrl" type="string" />
<property name="Title" type="string">Chart Web Part</property>
<property name="Hidden" type="bool">False</property>
<property name="ShowDebugInfoRuntime" type="bool">False</property>
<property name="BindToDataDesignMode" type="bool">True</property>
<property name="TitleIconImageUrl" type="string" />
<property name="ChromeState" type="chromestate">Normal</property>
<property name="Description" type="string">Helps you to visualize your data on SharePoint sites and portals.</property>
<property name="ChartXml" type="string">&lt;?xml version="1.0" encoding="utf-16"?&gt;
&lt;Chart BorderColor="26, 59, 105" BorderWidth="1" BorderlineDashStyle="Solid"&gt;
&lt;Series&gt;
&lt;Series Name="Default" ShadowOffset="2" ChartArea="Default" BorderColor="26, 59, 105"&gt;
&lt;/Series&gt;
&lt;/Series&gt;
&lt;ChartAreas&gt;
&lt;ChartArea BackColor="White" ShadowOffset="2" BorderColor="26, 59, 105" BorderDashStyle="Solid" Name="Default"&gt;
&lt;AxisY&gt;
&lt;MajorGrid LineColor="Silver" /&gt;
&lt;MinorGrid LineColor="Silver" /&gt;
&lt;/AxisY&gt;
&lt;AxisX&gt;
&lt;MajorGrid LineColor="Silver" /&gt;
&lt;MinorGrid LineColor="Silver" /&gt;
&lt;/AxisX&gt;
&lt;AxisX2&gt;
&lt;MajorGrid LineColor="Silver" /&gt;
&lt;MinorGrid LineColor="Silver" /&gt;
&lt;/AxisX2&gt;
&lt;AxisY2&gt;
&lt;MajorGrid LineColor="Silver" /&gt;
&lt;MinorGrid LineColor="Silver" /&gt;
&lt;/AxisY2&gt;
&lt;/ChartArea&gt;
&lt;/ChartAreas&gt;
&lt;BorderSkin BackColor="CornflowerBlue" BackSecondaryColor="CornflowerBlue" /&gt;
&lt;/Chart&gt;</property>
<property name="WorkBookUrl" type="string" null="true" />
<property name="AllowMinimize" type="bool">True</property>
<property name="ChromeType" type="chrometype">Default</property>
<property name="AlignDataPointsByAxisLabel" type="bool">False</property>
<property name="AllowZoneChange" type="bool">True</property>
<property name="DataBindingsString" type="string">&lt;?xml version="1.0" encoding="utf-16"?&gt;
&lt;ArrayOfDataBinding xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" /&gt;</property>
<property name="ShowToolbar" type="bool">True</property>
<property name="Width" type="unit" />
<property name="HelpMode" type="helpmode">Navigate</property>
<property name="TitleUrl" type="string" />
<property name="DesignerTemplateId" type="string" />
<property name="HelpUrl" type="string" />
<property name="ExportMode" type="exportmode">All</property>
<property name="ConnectionPointEnabled" type="bool">True</property>
<property name="AllowClose" type="bool">True</property>
<property name="AllowEdit" type="bool">True</property>
<property name="Direction" type="direction">NotSet</property>
<property name="AllowHide" type="bool">True</property>
<property name="DesignerChartTheme" type="Microsoft.Office.Server.Internal.Charting.Utilities.ChartTheme, Microsoft.Office.Server.Chart, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c">BrightPastel</property>
</properties>
</data>
</webPart>
</webParts>

Save the above code as a “Chart.Webpart” file. It’s exported from SharePoint 2010.

Now upload this webpart file to web part gallery.

  • Go to Site Settings – Click on the “Web Parts” link under the “Web Designer Galleries” section.
  • On the “Files” tab, click on “Upload Document”
  • Select the “Chart.webpart” file and specify web part attributes.
sharepoint online chart web part missing
Add SharePoint 2013 chart web part

After this the chart web part will be available to use in SharePoint 2013.

Add chart web part to SharePoint 2013 page

Once you Save, the chart web part in SharePoint 2013 will be available to use.

Edit the web part page in the SharePoint site and click on Add a web part, you can see the web part will be visible in the Default web parts category.

sharepoint 2013 chart web part missing

Now configure the Configure Data connections and other properties of the chart,

Finally here is the output:

enable chart web part sharepoint 2013
SharePoint 2013 chart web part

You can Select the Data & Appearance and Advanced Properties for configuration.

You can also able to do Custom design after editing the web part.

You may like following SharePoint chart tutorials:

This tutorial, we learned chart web part sharepoint 2013 and how to enable chart web Part in SharePoint 2013/2016/Online. Also, we fixed SharePoint 2013 chart web part missing issue.

Tags: enable chart web part sharepoint 2013, enable chart web part sharepoint 2016, enable chart web part in sharepoint online, sharepoint 2013 chart web part download, sharepoint 2016 chart web part missing, sharepoint 2013 chart web part download, how to create chart webpart in sharepoint 2013, sharepoint 2013 chart web part missing, sharepoint chart web part download, sharepoint chart web part missing, sharepoint online chart web part, sharepoint online chart web part missing

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

  • >