CODEWITHSUNDEEP
phpcharts
SKM
SKM

Reputation: 39

How to avoid Y axis negative values from google charts

How to avoid the negative values from google chart, I tried viewWindow: { min: 0,} in my Y axis, but still it showing negative values only. please help some one please. Thanks in advance

 <div class="timeline-item">
                    <div id="top_x_div" style="width: 100%; height: 300px;"></div>
</div>

<script type="text/javascript">
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStacked);

function drawStacked() {
        var data = new google.visualization.arrayToDataTable([
           ['Courses', 'Students'],

          ["Electronics",  2 ],
            ]);

        var options = {



    legend: { position: 'none' },
                 isStacked: true,
                   colors: ['green'],

                    bars: 'vertical', // Required for Material Bar Charts.
                    axes: {
                      x: {
                        0: { side: 'bottom', label: 'Percentage'} // Top x-axis.
                      }
                    },

                    axes: {
                      y: {
                        0: { side: 'bottom', label: 'Students'}, // Top x-axis.
                       /* viewWindow: {
                                     min: 0,
                                    },*/
                      }
                    },  
                vAxis: {
                    viewWindow: {
                        min: 0
                    }
                },

                    bar: { groupWidth: "90%" }
                  };
        var chart = new google.charts.Bar(document.getElementById('top_x_div'));
        chart.draw(data, options);
};
</script>

Upvotes: 0

Views: 1141

Answers (2)

Sergey Ch.
Sergey Ch.

Reputation: 96

Had same issue, but I calculated and set vAxis.maxValue, and when it equals 0 (all data are 0) I saw negative scale. If I set maxValue to at least 1 - negative part of scale has gone.

Upvotes: 0

Colwin
Colwin

Reputation: 2685

You need to set the viewWindow on the vAxis option. 

vAxis: {
    viewWindow: {
        min: 0
    }
}

Source

Upvotes: 1

Related Questions