Column Chart when all values are negative - Javascript highcharts

Javascript examples for highcharts:Column Chart

  1. HOME
  2. Javascript
  3. highcharts
  4. Column Chart

Description

Column Chart when all values are negative

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript">
    window.onload=function(){//w w  w .j a v  a 2  s  . com
new Highcharts.chart('av2', {
                chart: {
                    type: 'column',
                    height: 500,
                },
                yAxis:{
                      min:-20,
                    max:1
                },
                series: [{
                name: 'Direct Purchase',
                data: [ { y: -1.82, name: 'DK' }, { y: -19.8, name: 'DL' }]
            }]
      });
    }

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <div id="av2" class="divTotalAverageR"></div>  
   </body>
</html>

Related Tutorials