Element Details: Chart.Gantt
 Back


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

Creates a Gantt Chart.
A Gantt chart is a graphical representation of the duration of tasks against the progression of time.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
BackgroundColor
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.
BarWidth
UserDefined
Sets the width of bars for bar charts. By default, bar widths are determined automatically. This applies to only single bars. When the extra bar is set to SideBySide, this attribute takes no effect.
BorderBottom
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.
BorderColor
UserDefined
Transparent
Sets the color of border lines. 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.
BorderRight
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.
ChartBackgroundColor
Transparent
Sets the background color of the chart plot area. You may specify "Transparent". Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. For grid-style charts, alternate between two colors by supplying both, separated by a comma. For example: Red,Blue For a metallic look in charts, add "Metallic" to the color. For example: RedMetallic,BlueMetallic
ChartBackgroundGradientColor
UserDefined
Sets the background gradient color of the chart plot area. This is the end Color for gradient effect. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. e.g. If you want a gradient effect of green to light green, set the chart background color to green and the background gradient color to light green.
ChartHeight
UserDefined
(Required) The height of the chart image, in pixels.
ChartLabelColumn
UserDefined
(Required) 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.
ChartSymbolEdgeColor
UserDefined
The color of the outside edge of the symbols. For Area charts, this is the color of the outside edge of the area chart layer, while for bar charts it is the edge color of each bar in the layer. Animated Bar Charts with Bar Style = Rounded Edge will ignore this attribute. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
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%".
Color
UserDefined
Sets the element's color. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. For bar charts, each bar can be a different color by entering multiple colors, each separated by a comma. When using a Crosstab Filter under the Chart's DataLayer, use comma-separated colors and a Legend element so each crosstab set can be identified.
DataEndValue
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the ending date value for each task charted. These are listed horizontally across the y-axis. The Date Values used should be in valid ISO format.
DataStartValue
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the starting date value for each task charted. These are listed horizontally across the y-axis. The Date Values used should be in valid ISO format.
GanttScale
intraDay
interDay
(Required) Define whether the Gantt chart is intraday - like a 24 hour tracker chart or an interday chart - for days, weeks etc. The default is a traditional interDay chart.
GridHorizontalColor
Transparent
Sets the color of a chart's horizontal grid marks. The default value is black for static charts and grey for animated charts. For Polar Charts, this attribute sets the color of the chart's angular grid marks. Enter a color by name, decimal RGB value or hex RGB value. Prefix hex values with the pound sign, like #112233.
GridVerticalColor
Transparent
Sets the color of a chart's vertical grid marks. The default value is Transparent. For Polar Charts, this attribute sets the color of the chart's radial grid marks. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. In the animated scatter plot, the color will only be applied and vertical lines shown when "No. Vertical Lines" attribute is set. The default value for animated scatter plots is grey.
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.
LegendLabel
UserDefined
Indicates text that will be shown for this layer inside the chart legend.
LinearTickIncrement
Years
Weeks
UserDefined
Quarters
Months
Minutes
Hours
Days
Auto
Linear Tick Increment controls how tick marks are created for linear scales. When working with date/time values, you can set the value to one of the date/time values, such as "Year" or "Week". For numeric values, enter a number for a specific tick mark increment. Use "Auto" to automatically set an appropriate increment value.
LinearTickMinorIncrement
Years
Weeks
UserDefined
Quarters
Months
Minutes
Hours
Days
Auto
Linear Tick Minor Increment places minor tick marks between the major tick marks. These are not labeled - they appear as dashes.
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.
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.
ScaleLowerBound
UserDefined
Sets the lower bound of the axis. Set this value to a number, or leave it blank for automatic scaling. When you have a lower bound, you must also specify an upper bound. The default value is automatic scaling.
ScaleUpperBound
UserDefined
Sets the upper bound of the axis. Set this value to a number, or leave it blank for automatic scaling. When you have an upper bound, you must also specify a lower bound. The default value is automatic scaling.
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.
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.
XAxisTitle
UserDefined
The title text that will appear along the chart's data axis.
YAxisTitle
UserDefined
The title text that will appear along the chart's label axis.



PARENT ELEMENTS

Click element to drill down for more information.

Body
Column Cell
Crosstab Table Header Column
Crosstab Table Label Column
Crosstab Table Summary Column
Crosstab Table Value Columns
Data Calendar Rows
Data Multi-Column List
Data Table Column
Data Tree Branch
Division
Fieldset Box
HTML Tag
List Item
Map Marker Info
More Info Row
More Info Row Column
Page Footer
Page Header
Panel Content
Popup Panel
Rectangle
Report Footer
Report Header
Tab Panel
Tooltip Panel


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
Data Font
Data 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
Extra Gantt Column
Label Font
Label Title Font
Legend
Marks
Milestone Column
Quicktip
Resizer
Zero Rows Message


 Back to top


 Chart Debug