Back To Categories

Area Lines and SplinesBars and ColumnsBubble ChartsGantt ChartsData GridCombination ChartsClassic Gauge ChartsCircular Gauge / Activity Ring ChartsModern Linear Gauge ChartsFinance Stock ChartsLines, Splines and StepLinesOrganizational ChartsPoint MarkersScatter PlotsPie and Donut ChartsRadar and Polar ChartsFunnel, Cone and Pyramid ChartsHeatMap ChartsTreeMap ChartsJavaScript Mapping ChartsCalendar ChartsMosaic plot chartsMicro charts and SparkLinesAnnotation usage and examples.AxisDashboardMapping Component FeaturesUser InteractionsLabelChart LegendData Manipulation and nestingVisual StylingPalette Chart SamplesInfographicsTooltip & CrosshairChart LayoutPHPInternationalization and GlobalizationDynamic ChartingAccessibility

Bars and Columns

JSCharting supports advanced shading effects for both Bar and Column charts in cluster, stacked and full stacked variations.

Weather Week Use column complete values to display percent chance of rain.
Edit Code
Bar Icons Custom Columns with custom icon path markers.
Edit Code
• • Standard Bar Chart

    Bars series type with default shading.

  • Aqua Shaded Bar Chart

    Bar series type with aqua shading.

  • Bars Sh R

    Bar series type with rounded shading.

  • Bars St

    Stacked bars series type with default shading.

• • Bar Marker Icons In Legend

    Columns with icon markers also shown in the legend.

  • Bars Marker Icons

    Columns with icon markers.

  • Bars Marker Img

    Columns with image markers.

  • Bars Marker Img In Legend

    Image markers in legend.

• • Bars St Sh A

    Stacked bars series type with aqua shading.

  • Box and Whisker

    Box and whisker data visualization.

  • Column Error

    Column series with aqua shading and error bars.

  • Column XY Ranges

    Column series type with range x and y values.

• • Range Columns

    Bars series type with rounded shading and range values.

  • Bars St Sh R

    Stacked bars series type with rounded shading.

  • Bars St F

    Full stacked bars series type with default shading.

  • Bars St F Sh A

    Full stacked bars series type with aqua shading.

• • Bars St F Sh R

    Full stacked bars series type with rounded shading.

  • Bars St M

    Mixed stacked bars series type with default shading.

  • Horizontal Bar Chart

    Horizontal bar series type with default shading.

  • Column Hatch

    Column with hatch patterns for accessibility.

• • Column Highlight

    Draw a marker on a single column data point.

  • Bars H St Hs A

    Horizontal stacked bar series type with aqua shading.

  • Bars H St F Sh R

    Horizontal full stacked bar series type with rounded shading.

  • Bars Sh A Neg

    Negative bar series type with aqua shading.

• • Bars St Sh R Neg

    Stacked bars with negative values and rounded shading.

  • Bars H St Sh A Neg

    Stacked bars with negative values and aqua shading.

  • Column Pyramid

    Stacked pyramid column chart.