YouTipHighcharts Bar Nagative
# Highcharts Negative Bar Chart
[Highcharts Bar Chart](#)
The following example demonstrates a negative bar chart using negative values.
### Example
Filename: highcharts_bar_negative.htm
$(document).ready(function() { var chart = { type: 'bar' }; var title = { text: 'Bar chart with negative values' }; var xAxis = { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }; var credits = { enabled: false }; var series= [{ name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, -2, -3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, -2, 5] } ]; var json = {}; json.chart = chart; json.title = title; json.xAxis = xAxis; json.credits = credits; json.series = series; $('#container').highcharts(json); });
[Try it »](#)
The output of the above example is:
[Highcharts Bar Chart](#)