Gallery > Bars Charts

  • JS Gradient Columns
    Draw gradient range columns.
  • JS Diverging Stacked Bar
    Demonstrates how to create a diverging stacked bar chart with range category axis ticks.
  • JS DivergingStackedBarUI
    Demonstrates how to create an interactive diverging stacked bar chart.
  • JS Stacked Bar Hover
    Horizontal full stacked bars with hover highlighting.
  • JS Star Wars History
    An interactive bar chart with custom legend entry checkbox.
  • JS Stacked Sales Bars
    Demonstrates a stacked bar chart with firstPoint labels.
  • JS Column Pyramid
    Demonstrates how to draw stacked bars with positive and negative values.
  • JS Horiz Range Columns
    Demonstrates range bars on a horizontal chart.
  • JS Column Complete
    Demonstrates using element's complete values.
  • JS Horiz Column
    Demonstrates a column chart.
  • JS Horiz Column 2
    Demonstrates a column chart with no shading.
  • JS Stacked Horiz Column
    Demonstrates a stacked column chart.
  • JS Horiz Column Neg
    Demonstrates a column chart with negative values.
  • JS Stacked Horiz Column Neg
    Demonstrates a stacked column chart with negative values.
  • JS Stacked Full Horiz Column
    Demonstrates a full stacked column chart.
  • JS Horiz Error Column
    Demonstrates error bars on horizontal columns.
  • Column Horiz
    Bars in 2D.
  • Column Horiz 3D
    Bars in 3D.
  • Stacked Full Column Horiz
    Full stacked bars in 2D.
  • Stacked Full Column Horiz 3D
    Full stacked bars in 3D.
  • Column Horiz Unclustered 3D
    Unclustered bars in 3D.
  • Cones Horiz 3D Deep
    Demonstrates horizontal cone in 3d with high depth.
  • Column Horiz Unclustered 3D Shallow
    Unclustered bars in 3D with low depth.
  • Gantt Column Horiz 3D
    Bars with Gantt complete indicator in 3D.
  • Range Columns Horiz
    Range bars in 2D.
  • Range Columns Horiz 3D
    Range bars in 3D.
  • Column Horiz Neg
    Bars with negative numbers in 2D.
  • Column Horiz Neg 3D
    Bars with negative numbers in 3D.
  • Stacked Column Horiz Neg
    Stacked bars with negative numbers in 2D.
  • Stacked Cones Horiz Neg
    Demonstrates stacked cones with negative values in ComboHorizontal.
  • Stacked Pyramid Horiz Neg
    Demonstrates stacked pyramids with negative values in ComboHorizontal.
  • Cones Horiz
    Demonstrates horizontal cones in 2d.
  • Pyramid Horiz
    Demonstrates horizontal pyramids in 2d.
  • Cones Horiz 3D
    Demonstrates horizontal cones in 3d.
  • Pyramid Horiz 3D
    Demonstrates horizontal pyramids in 3d.
  • Stacked Column Horiz Neg 3D
    Stacked bars with negative numbers in 3D.
  • Cylinder Horiz
    Cylinders in 2D.
  • Cylinder Horiz 3D
    Cylinders in 3D.
  • Stacked Full Cylinder Horiz
    Full stacked cylinders in 2D.
  • Stacked Full Cylinder Horiz 3D
    Full stacked cylinders in 3D.
  • Cylinder Horiz Unclustered 3D
    Unclustered cylinders in 3D.
  • Cylinder Horiz Unclustered 3D Shallow
    Unclustered cylinders in 3D with low depth.
  • Cylinder Gantt Horiz 3D
    Cylinders with Gantt complete indicator in 3D.
  • Range Cylinder Horiz
    Range cylinders in 2D.
  • Range Cylinder Horiz 3D
    Range cylinders in 3D.
  • Cylinder Horiz Neg
    Cylinders with negative numbers in 2D.
  • Cylinder Horiz Neg 3D
    Cylinders with negative numbers in 3D.
  • Stacked Cylinder Horiz Neg
    Stacked cylinders with negative numbers in 2D.
  • Stacked Cylinder Horiz Neg 3D
    Stacked cylinders with negative numbers in 3D.