Custom CSS Table for Chart Title

Custom CSS Table for Chart Title

<Appearance>
CSS Property Values Description
Corners Corners=”Round”
Corners=”Rectangle”
Values will correspond to the sides of your chart in order of
Top-Left, Top-Right, Bottom-Right, Bottom-Left, Pixels.

Example: Corners=”Round, Round, Round, Round, 8″
This will produce a chart with Top-Left, Top-Right, Bottom-Right, and Bottom-Left corners rounded with a corner thickness of eight pixels.
TextQuality
TextQuality=”SystemDefault” This will format your text to the default setting of your SharePoint site.
TextQuality=”SingleBitPerPixel” Use only a single bit of color per pixel. This will result in a black-and-white font.
TextQuality=”SingleBitPerPixelGridFit” A SingleBitPerPixel font which will not extend above or below a set of invisible grid lines.
TextQuality=”AntiAlias” Fonts will appear with rounded edges.
TextQuality=”AntiAliasGridFit” An AntiAliased font which will not extend above or below a set of invisible grid lines.
<Appearance> <FillStyle>
CSS Property Values Description
MainColor
MainColor=”HexaDecimal Replace italicized text with a Hexadecimal value in order to specify a color. Example: MainColor=”00FF00″
MainColor=”Color Name Replace italicized text with a color name to specify a color.
Example: MainColor=”yellow”
MainColor=”RGB Replace italicized text with an RGB value in order to specify a color.
Example: MainColor=”rgb(255,255,0)”
SecondColor
SecondColor=”HexaDecimal Please refer to the notes for the “MainColor” attributes.
SecondColor=”Color Name
SecondColor=”RGB
FillStyle
FillStyle=”Solid” Fill your chart with a single, solid color.
FillStyle=”Gradient” Fill your chart with a background gradient.
FillStyle=”ComplexGradient” Fill your chart with a complex gradient.
FillStyle=”Hatch” Fill your chart with a hatch pattern.
FillStyle=”Image” Use an image for the background of your chart.
<Appearance> <FillStyle=”ComplexGradient”> <FillSettings> (For <FillType=”ComplexGradient”> only)
CSS Property Values Description
GradientMode
GradientMode=”Horizontal” Gradient will fade horizontally.
GradientMode=”Vertical” Gradient will fade vertically.
<Appearance> <FillStyle=”ComplexGradient”> <FillSettings> <ComplexGradient> <GradientElement> (For <FillType=”ComplexGradient”> only)
CSS Property Values Description
Color
Color=”HexaDecimal Replace italicized text with a Hexadecimal value in order to specify a color.
Example: MainColor=”00FF00″
SecondColor=”Color Name Replace italicized text with a color name to specify a color.
Example: MainColor=”yellow”
SecondColor=”RGB Replace italicized text with an RGB value in order to specify a color.
Example: MainColor=”rgb(255,255,0)”
Position Position=”Decimal”

Use a decimal value to determine chart position.

NOTE: this value must be lower than or equal to 1.

<Appearance> <Position>
CSS Property Values Description
Position
Position=”Top” Though this property exists in custom CSS, Chart Title position is determined through use of the Title Location property in the Web Part Configuration toolpane. This property will have no effect on Chart Title.
Position=”Right”
Position=”Bottom”
Position=”Left”
<Appearance> <Border>
CSS Property Values Description
Color
Color=”HexaDecimal Replace italicized text with a Hexadecimal value in order to specify a color.
Example: MainColor=”00FF00″
SecondColor=”Color Name Replace italicized text with a color name to specify a color.
Example: MainColor=”yellow”
SecondColor=”RGB Replace italicized text with an RGB value in order to specify a color.
Example: MainColor=”rgb(255,255,0)”
Width Width=”Pixel(s)” Specify the thickness of the border around your Chart Title in pixels. Example: Width=5px;
<TextBlock> <Appearance> <TextProperties>
CSS Property Values Description
Font
Font-Family=”Font Name Replace italicized text with a font name to change the font of your chart text.
Font-Size=”XX Replace the italicized text with a number. Specify size using typographic points(pt) or pixels(px)
Example: Font-Size=”14pt” or Font-Size=”14px”
Font-Style=”Style Name Replace italicized text with a style name. Acceptable style names are: “normal”, “italic”, and “oblique”.
Color
Color=”HexaDecimal Replace italicized text with a Hexadecimal value in order to specify a color.
Example: MainColor=”00FF00″
Color=”Color Name background-color: whiteReplace italicized text with a color name to specify a color.
Example: MainColor=”yellow”
Color=”RGB Replace italicized text with an RGB value in order to specify a color.
Example: MainColor=”rgb(255,255,0)”