Element Details: Chart.Pie
 Back


Available in: Logi Info Source code name: Chart.Pie

Creates a pie chart.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
AltText
UserDefined
The Alternate Text is displayed when the browser options have images turned off. The text is also used by browsers that convert text to speech or braille output.
BackgroundColor
UserDefined
Transparent
Sets the background color of the element. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
BorderLeft
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
BorderTop
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
ChartDataColumn
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the data value for each item charted. These are listed across the y-axis.
ChartHeight
UserDefined
(Required) The height of the chart image, in pixels.
ChartLabelColumn
UserDefined
Set this to a column returned from the DataLayer. It represents the name of each item, or data value, charted. For charts with x and y axes, these are listed across the x-axis.
ChartLabelColumnDataType
Text
Number
Date
Auto
Use this attribute to set DataType on the Chart Label Column X-axis. Set this to Text if you want the Date Labels on the X-axis to be treated as plain text instead. For example, if X-axis value appears as "12-03", set the attribute to "Text" to preserve that value.
ChartTexture
WedgeGradient
VerticalGradient
RoundedEdge
Flat
Concave
CenterGradient
The texture setting to be applied to the chart.
ChartTitle
UserDefined
The title of the chart. It appears at the top of the chart image. You can use CDML tags directly in the chart title string to specify different font colors, size etc. Expected tag format is <*font=fontname,color=hexcolorname,size=fontsize*> or simply <*color=hexcolorname*> for just changing the color of the text after the tag. e.g. <*font=Verdana,color=000000,size=12*>Text Part 1 <*color=999999*> Text Part 2 or <*color=000000*>Text Part 1<*color=999999*>Text Part 2<*color=4c4c4c*>Text Part 3.
ChartWidth
UserDefined
(Required) The width of the chart, usually in pixels. For ChartCanvas charts, the value may be a percentage, by specifying the value like "50%".
Colors
UserDefined
Sets the element's colors in cases where multiple colors should be listed. For example, for pie charts, each slice should be a different color. You can set these colors by specifying color names or RGB values, each separated by a comma. When there are more slices than colors, the list starts back at the beginning. RGB values should include the hash character, for example: #FF0000
D3
UserDefined
False
2
15
Indicates if the chart, or chart layer, is displayed in a 3-dimensional format. Set the value to False or 0 for a flat appearance. For animated charts, the value can be True or False. For other elements, the value is in pixels, so the larger the value, the thicker the 3-D effect.
D3Angle
UserDefined
3 dimensional pie charts can be adjusted in a horizontal plane using this attribute. Set it to a value between 0 and 90 degrees for Static Charts or 30 and 80 degrees for Animated Charts to rotate the 3D pie chart accordingly. The default is 45 for Static Charts and 55 for Animated Charts.
DoughnutHoleRadius
UserDefined
The inner radius for doughnut charts. The value represents a percentage of the out radius of the pie chart. For example, set the attribute to 75 for an inner radius that is 75%, or 3/4th, the outer radius. The default value is 50.
ExplodedWedgesColumn
UserDefined
Exploded Wedge Column pulls wedges away from the pie chart so that they are highlighted. Set this attribute to a column returned from the DataLayer. All wedges with a column value greater than 0 are exploded.
ExternalLayoutLabelColor
UserDefined
Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. Sets the pie chart's label color. Set it to "SameAsWedgeColor" to set individual labels to the same color as the corresponding pie wedge. Only applicable when the pie chart label layout is set to "ExternalLayout" For a metallic look in Static charts, add "Metallic" to the color.
ID
UserDefined
The ID attribute is a pervasive attribute that uniquely identifies an element within a definition file. The ID needs to be a unique value within the definition.
LabelLayout
SideLayout
NoLabels
InternalLayout
ExternalLayout
Indicates where pie wedge labels appear. They can be internal (inside each wedge), external (outside the wedges), or to the sides of the chart with arrows pointing to each wedge. The side layout works great for small wedges.
LabelPointerColor
UserDefined
Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. Sets the pie chart's label pointer color. You may specify "Transparent". Set it to "SameAsWedgeColor" to set individual label pointers to the same color as the corresponding pie wedge. Only applicable when the pie chart label layout is set to "SideLayout" For a metallic look in Static charts, add "Metallic" to the color.
LabelRoundedBorder
True
False
Set this to true to get rounded borders for the chart labels. This works only when the Label Layout is set to Side Layout.
LabelShading
SoftLight
Glass
Use this attribute to set effects like Glass and SoftLight on chart labels. This works only when the Label Layout is set to Side Layout.
MaxLabelLength
UserDefined
The maximum number of characters that will be displayed for a label before the text is trimmed and the remainder replaced with an ellipsis (...).
OuterBorderColor
UserDefined
Transparent
Use this attribute to set the Outer Border Color of the chart canvas. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
PieChartType
Pie
Doughnut
Select the type of pie chart, a standard pie or a doughnut style chart.
PieColorDataColumn
UserDefined
Set this to a column containing color values returned from the DataLayer. The corresponding pie wedge is set to that color value. Only used by Static Pie Charts.
PieRadius
UserDefined
Sets the radius, or size, of a Pie chart, in pixels.
RoundedBorder
UserDefined
Use this attribute to set a chart with rounded frame borders. Select a value in pixels, to set the radii of the 4 corners of the chart frame border.
SecurityRightID
UserDefined
When entered, access to this element can be controlled with Logi security. Supply the ID of a right defined in the applications settings’ Security element. Only users that have a right in the SecurityRightID will be able to see the element. Note that when rights come from RightFromRole elements under Security/UserRights, and this element's SecurityRightID does NOT match any of the Right IDs defined in the Settings definition, then the user DOES have access. But when Right IDs are instead derived from RightsFromDataLayer or RightsFromRoles elements, and the user DOES NOT have a matching Right, then the user DOES NOT have access. You can enter multiple right IDs, separated by commas. In this case, the user sees the element if he has any one of the Rights.
ShowDataValues
True
False
Indicates if the values of each data point should be shown on the chart. For TrendLines, displays the line's slope value.
ShowWaitIcon
True
False
Some charts can take significant time to run on the server and display in the browser. The wait icon shows a spinning image informing the user that chart content is coming. To not show the wait icon, set ShowWaitIcon="False". The default is "True".
Tooltip
UserDefined
Text that appears when the user hovers the pointer over the image or text.
Transparency
UserDefined
7
15
0
Indicates a level of transparency of the element. The lowest value of 0 indicates that the element is opaque, with no transparency. The other end of the scale, 15, indicates a completely transparent element. Use medium-level transparency to allow different chart layers to show through each other.
WallpaperImage
UserDefined
Specifies an image used to wallpaper the chart image's background.
WedgeBorderColor
UserDefined
WedgeBorderColor sets the color of a border line between each pie wedge.
WedgeBorderThickness
UserDefined
WedgeBorderThickness sets the thickness of a border line between each pie wedge. Values should be between 0 and 5.



PARENT ELEMENTS

Click element to drill down for more information.



CHILD ELEMENTS

Click element to drill down for more information.

Action.Dial Phone
Action.Draft Email
Action.Draft Text Message
Action.Exit
Action.Export CSV
Action.Export Native Excel
Action.Export Native Word
Action.Export PDF
Action.Export Word Or Excel
Action.Export XML
Action.Google Spreadsheet
Action.Javascript
Action.Link
Action.Map Location
Action.Process
Action.Refresh Element
Action.Report
Action.Show Element
Action.Template
Action.Widget
Auto Sizer
Chart Title Font
DataLayer.Cached
DataLayer.CSV
DataLayer.Definition List
DataLayer.Directory
DataLayer.Excel
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.JSON
DataLayer.LDAP
DataLayer.Linked
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Plugin
DataLayer.REST
DataLayer.SP
DataLayer.SQL
DataLayer.Static
DataLayer.Twitter
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
DataLayer.XML
Format Data
Group Drillthrough
Hover Highlight
Label Font
Legend
Quicktip
Resizer
Zero Rows Message


 Back to top


 Chart Debug