Customizing Charts in the Chart Plus Web Part
Published 05/17 courtesy of Bamboo Solutions CommunityIf there's one thing that Starbucks has taught us, it's that we can take something that's already good and make it better through customization.
The same concept applies to our Chart Plus Web Part: It creates attractive charts with just a few steps, but maybe you're drinking a venti soy white mocha, extra shot of espresso, half caf, half decaf, with whip and sprinkles, and you're thinking, What more can I do? A lot more, actually--the Chart Plus Web Part allows you to customize your charts using the configuration tool pane or the Custom Style Sheet.
Here's how:
Adding a Title to Your Chart
1. To add a title to your chart, navigate to the chart you want to customize.
2. Open the configuration tool pane by clicking the arrrow on the right side of the Web Part and selecting Modify Shared Web Part.
3. In the configuration tool pane, type in the title you want in the Chart Title field. Choose whether you want your title to be displayed inside or outside of the plot area.
Click Apply, then OK. Your title is now displayed.
Changing the Chart Type and Colors
1. Open the configuration tool pane by following steps 1-2 above. In the configuration tool pane, scroll down to Columns Setting.
In this section under Chart Type, you can choose the chart type to be displayed. Click Apply, then OK.
You can also customize the colors displayed in the chart, either by using the preconfigured Chart Templates
or by using the Custom Color option, which lets you assign a specific color for each column.
2. After you make your selections, click Apply and then OK. Your chart is now customized.
Customizing the Style Sheet
For more specific customization, you can edit the Style Sheet, located at the bottom of the configuration tool pane.
Open the configuration tool pane by following steps 1-2 above. Select Custom Settings from the Style Sheet drop-down menu and click Edit.
The Custom Style Sheet is displayed.
You can modify portions of the Style Sheet to customize the chart:
Customizing the Chart Title
In the Style Sheet, locate the Title tag.
In the Title tag, you can customize the font, the text size, the text color and more. Make your changes and select Save, Apply and OK. In the example below, the font was changed to Verdana, 10pt, black, with a left horizontal alignment (HAlignment).
Customizing the Plot Area
In the Style Sheet, locate the Plot Area tag.
You can customize the color and shape of the Plot Area, add borders and more. Make your changes and select Save, Apply and OK. In the example below, the Main Color was changed to Blue.
Customizing the Chart Legend
Locate the Legend tag in the Style Sheet.
You can customize the font, text size, text color and more in the Chart Legend. Make your changes and select Save, Apply and OK. In the example below, the font was changed to Couric, 14pt, and the Main Color was changed to light gray.
Additional Customizations
You can use the Style Sheet to make additional customizations to your chart, including customizing the font, text size and text color for both the X and Y axes. Locate the tag you want to customize, make your changes, and select Save, Apply and OK.
...Oh, and in case you were wondering, my preferred drink of choice is a grande caramel latte, skim, extra pump of caramel, hold the whip. What's yours?
Recent SharePoint Questions
- sharepoint Q&A function
- Customize "Send To" menu in Sharepoint 2007
- Site is opening only on Server but not on other clients. How to fix this?
- Handy & Free of Charge SharePoint Tools
- One Document - two sites
- What is the difference between a document library and a form library?
- What is Collaborative Application Markup Language?
- • What is the difference between SharePoint Portal Server and Windows SharePoint Services?
- Why should you use SharePoint?
- Displaying columns
more sharepoint questions
More Articles By
Develop Mobile Applications for SharePoint with Mobile Entree - CMSWire
Develop Mobile Applications for SharePoint with Mobile Entree
CMSWire, CA
By Barb Mosher | Jun 5, 2009 Seeing as how SharePoint (news, site) is so widely used within the enterprise today, it's…
Bamboos Year in Review: Marc OBrien Introduces the Bamboo Online Applications Division
Editor's note: Last year we introduced the Bamboo Year in Review feature, kicking off with a note
While writing the final sentences of my post on how to create a SharePoint blog last week, I realized that I needed to circle back and spend some time… Mobile Entrée is installed as a SharePoint solution and is deployed as a series of features.
Top News Stories Make your plans now to attend the Best Practices Conference this August 24-26 in Washington, D.C. to ensure that you don't miss out on sessions presented by some…Working with the Admin Links on your SharePoint Blog
More Articles Under "News from Around the Web"
Guest Blog by H3 Solutions Jason Hall - Mobile Entrée, Taking a Look Under the Hood
SharePoint on Your SmartPhone, Android Moves to Laptops, Best Practices Conference Speakers List
Google Wave - A Developer's Eye View (The Register)
Last week, Google announced Wave, a…Announcing the Best Practices Conference Speakers List!
Most Viewed Content
