Vertical Bar Chart

Vertical Bar Chart (VerticalBarChart) is a chart control.

Live Demo


legendboolfalseWhether to show legend.
tooltipsboolfalseWhether to show tooltips over bars.
barWidthint32Bar width in pixels.
colorsstring (space) or , (comma) delimited list of colors for gradient fill of bars. First colors is used to fill bars with lesser y values and last color - bars with greater y values.
yMinnumberMinimum display value of Y axis.
yMaxnumberMaximum display value of Y axis.
yTicksintThe number of ticks on Y axis.
yFormatstring{y}Formatting for y axis labels. {y} in a format string is replaced with point y value.
xTypestringstringThe data type of X axis: string (default) or number. If data type is string then all bars are distributed evenly across X axis.

Child controls#

Data control#

Serves as a container for P (point) controls.

Child controls#

P control#

Describes chart data point.


xnumber or stringIndependent value of the data point, rendered along the x-axis. If chart's xType is number, then each y-coordinate is plotted at its x-coordinate. If xType is string, then the data is evenly spaced along the x-axis.
ynumberDependent value of the data point, rendered along the y-axis.
legendstringLegend text for the datapoint in the chart.
colorstringColor for the legend in the chart.
xTooltipstringCallout data for x axis. legend will be used if not provided.
yTooltipstringCallout data for y axis. y will be used if not provided.