Bar Chart Widget
A Bar chart widget based on the g2plot library.
Usage
Allows displaying of category data with one or more series (bars) on the y axis. The value in XAxisField
must be a unique string
or number
. The XAxisFormat
can be used to format the way the category is displayed on the chart.
Properties
Property | Type | Binding | Default | Description |
---|---|---|---|---|
Template | STRING | < | Template1 | This will be the template used for the widget styling. |
BarHoverStyle(1) | STRING | normal | This is used to set the way individual bars react on hover or select. | |
Orientation(2) | STRING | Vertical | This will set the orientation of the Bar Chart. | |
DataGrouping(3) | STRING | < | none | This will set the way same category values will be grouped. |
ReflectXAxis | BOOLEAN | false | Invert Bars along X Axis. | |
ReflectYAxis | BOOLEAN | false | Invert Bars along Y Axis. | |
Data | INFOTABLE | < | Chart data source. | |
XAxisField | FIELDNAME | Name of the column in the Data infotable containing the values of the X axis. | ||
YAxisFields | STRING | < | A comma separated string representing the name of the data fields corresponding to the graph in the y direction, usually the fields corresponding to the vertical coordinate axis. | |
XAxisFormat | STRING(localized) | Localizable token in order to format the values of the X axis. See Format Complex . | ||
YAxisFormat | STRING(localized) | Localizable token in order to format the values of the Y axis label. (It will not format the values displayed in the tooltip, see YAxisFormats for that) | ||
TooltipFormats | STRING(localized) | < | Localizable tokens specified in a CSV format in order to format the values of the Y axis that are displayed on the chart's tooltip. | |
CategoryLabels | STRING(localized) | < | A comma separated string representing the user facing names of the fields in YAxisFields. The items should be in the same order. | |
XAxisTitle | STRING(localized) | < | Localizable token for X Axis Title. | |
YAxisTitle | STRING(localized) | < | Localizable token for y Axis Title. |
Additional explanations
YAxisFields and TooltipFormats
As described above, the YAxisFields is a comma separated string representing the name of the y axis data fields and the TooltipFormats is a comma separated string representing the localization tokens to format the YAxisFields in the order they were introduced (if we have YAxisFields: a, b, c
and TooltipFormats: [[f1]], [[f2]], [[f3]]
, [[f1]]
will format field a
, [[f2]]
will format field b
, and [[f3]]
will format field c
.
(1) BarHoverStyle can have the following values:Inactive, Normal, Bar Outline Hover, Multiselect
(2) Orientation can have the following values:Horizontal, Vertical
(3) DataGrouping can have the following values:None, Grouped, Stacked