SharePoint 2013 Hosting News – Creating Chart Areas using the Chart Webpart

Creating Chart Areas using the Chart Webpart

What is Chart WebPart?

The Chart Web Part is a Web Part that can be created and added to a SharePoint site to enable users to view performance and other types of information at a glance. For example, you can use a Chart Web Part to see sales amounts across different teams or geographical regions in a retail organization.

Step by Step

Data Source

Choose the list as the data source, and then bind the chart to the appropriate columns. Clicking Finish then returns.

Advanced Properties

Click on Advanced Properties. and then make the following configuration changes to this

  • Select an Element > Chart: Chart Areas > Axis Menu: X-axis
    • Grid&TickMarks > MajorGrid > Interval: 10
    • Grid&TickMarks > MajorGrid > LineColor: Black
    • Grid&TickMarks > MajorTickMark > TickMarkStyle: AcrossAxis
    • Grid&TickMarks > MajorTickMark > Size: 3
    • Grid&TickMarks > MajorTickMark > Interval: 5
    • Grid&TickMarks > MajorTickMark > Enabled: True
    • Grid&TickMarks > MinorGrid > Interval: 1
    • Grid&TickMarks > MinorGrid > LineColor: Gainsboro
    • Grid&TickMarks > MinorGrid > Enabled: True
    • Grid&TickMarks > MinorTickMark > TickMarkStyle: AcrossAxis
    • Grid&TickMarks > MinorTickMark > Size: 1
    • Grid&TickMarks > MinorTickMark > Interval: 1
    • Grid&TickMarks > MinorTickMark > Enabled: True
    • Labels > LabelStyle > Interval: 1
    • Scale > Crossing: 0
    • Scale > IsMarginVisible: False
    • Scale > Maximum: 10
    • Scale > Minimum: -10
  • Select an Element > Chart: Chart Areas > Axis Menu: Y-axis
    • Repeat above.

Axis Menu

Click on Advanced Properties. Look up above the Details pane and look for the Axis Menu.  Now look to the right of this: do you see the little plus “+” symbol?  Click on this. After you do this, the page will refresh.  After this finishes, if you look in the Axis Menu, you will no longer see Default menu option showing butChartArea1.  Note also how the first chart area has compressed vertically: it’s height is now half of what it was before.  This is because another chart area object has been created and the first chart area object size properties have been modified to give room for the second chart area object.  Click Finish.

Elements

Click Advanced Properties, and then configure as follows:

  • Select an Element > Chart: Chart Areas > Axis Menu: Default (this is the first chart area)
    • Alignment > AlignmentOrientation: Horizontal (you need to doubleclick on this menu option in order to set them – different from other menu options)
    • Alignment > AlignmentStyle: Position (you need to doubleclick on this menu option in order to set them – different from other menu options)
    • Appearance > Position > X: 0
    • Appearance > Position > Y: 0
    • Appearance > Position > Width: 50
    • Appearance > Position > Height: 100
  • Select an Element > Chart: Chart Areas > Axis Menu: ChartArea1
    • Alignment > AlignmentOrientation: Horizontal (you need to doubleclick on this menu option in order to set them – different from other menu options)
    • Alignment > AlignmentStyle: All (you need to doubleclick on this menu option in order to set them – different from other menu options)
    • Appearance > Position > X: 50
    • Appearance > Position > Y: 50
    • Appearance > Position > Width: 50
    • Appearance > Position > Height: 100

Latest Step

Click Advanced Properties, and then configure as follows:

  • Select an Element > Chart (do not select a subelement)
    • Layout > Width: 600

Best SharePoint Hosting Recommendation

ASPHostPortal.com provides its customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. ASPHostPortal.com offers SharePoint hosting starts from $9.99. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable SharePoint Hosting, we should be your best choice.