Enable Chart Web Part in SharePoint 2013/2016/Online

SharePoint 2013 Enable Chart Web Part
SharePoint deveopment training course

This SharePoint tutorial, we will discuss how to enable chart web part in SharePoint 2013/2016/Online.

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.

Enable Chart Web Part in SharePoint 2013

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>

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 chart web part to SharePoint 2013 page.

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

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 SharePoint tutorial, we learned how to enable Chart Web Part in SharePoint 2013/2016/Online.

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

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

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 →