Enable Chart Web Part in SharePoint 2013 or SharePoint 2016 and SharePoint Online

SharePoint 2013 Enable Chart Web Part
InfoPath alternatives for form designing SharePoint

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

Chart Web Part is missing from SharePoint 2013. As we know Microsoft removed chart web part features from SharePoint 2013. 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 can we enable chart web part in SharePoint 2013 or how can we enable chart web part in SharePoint 2016 or how can we enable chart web part in SharePoint online (Download PDF for FREE).

So for creating chart webPart in sharePoint we need to follow below steps –

<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>



1. Save below code as a “Chart.Webpart” file. It’s exported from SharePoint 2010.
2. Now upload this webpart file to web part gallery –

– Go to Site Settings – Click on “Web Parts” link under “Web Designer Galleries” section.
– On the “Files” tab, Click on “Upload Document”
– Select the “Chart.webpart” file and specify web part attributes.

enable chart web part sharepoint 2013
enable chart web part sharepoint 2013

3. Add chart web part to SharePoint 2013 page

enable chart web part sharepoint 2016
enable chart web part sharepoint 2016

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

5. Finally here is the output:

enable chart web part in sharepoint online
enable chart web part in sharepoint online

6. You Select the Data & Appearance and Advanced Properties for configuration.
7. You also able to do Custom design after editing the web part.

Read some SharePoint 2013 tutorials

Hope it’s helpful for you all.

Similar SharePoint 2013 Tutorials

About Navneet Singh

I am Navneet Singh, Working at C3it software solutions pvt. ltd. in Pune. My core skills are SharePoint 2013, Office 365, SharePoint 2010, SharePoint Designer, SharePoint Designer Workflow, Nintex Workflow, Infopath, Webpart, CSOM/SSOM, Power-shell, C#, ASP.NET and SQL Server.

View all posts by Navneet Singh →

Leave a Reply