Google Visualization API : Line Chart - Hide negative values in Y-axis

Question

I use Google Visualization API to plot Line Chart. Here are the codes:

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawCharts);
function drawCharts() {
    // Total Coupon View
    var data_total_users = new google.visualization.DataTable();
    data_total_users.addColumn('string', 'Total Users');
    data_total_users.addColumn('number', 'User Count');

    data_total_users.addRows(7);
    data_total_users.setValue(0, 0, 'Sunday');
    data_total_users.setValue(0, 1, 10);
    data_total_users.setValue(1, 0, 'Monday');
    data_total_users.setValue(1, 1, 4);
    data_total_users.setValue(2, 0, 'Tuesday');
    data_total_users.setValue(2, 1, 3);
    data_total_users.setValue(3, 0, 'Wednesday');
    data_total_users.setValue(3, 1, 7);
    data_total_users.setValue(4, 0, 'Thursday');
    data_total_users.setValue(4, 1, 8);
    data_total_users.setValue(5, 0, 'Friday');
    data_total_users.setValue(5, 1, 10);
    data_total_users.setValue(6, 0, 'Saturday');
    data_total_users.setValue(6, 1, 10);
    var chart = new google.visualization.LineChart(document.getElementById('chart_users_total'));
    chart.draw(data_total_users, {width: 1000, height: 400, title: '', hAxis: {title: ''}});
}

The result looks like this:

Screenshot

Question is: How can I remove the -0.5, -1.0 ? Also, I would like to have integers (e.g. 0, 1, 2, 3, ...) in Y-axis. Which parameter should I add?

hungary54 · Accepted Answer · 2012-03-24 16:42:21Z

23

In your chart.draw call, add: vAxis:{viewWindow: {min: 0}}

answered Mar 24, 2012 at 16:42

hungary54

7678 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Parthiv Over a year ago

For GoogleVisualr::Interactive::LineChart, It's not working. Please let me know if anybody have solution. Thanks.

alstr Over a year ago

This doesn't work for a LineChart as mentioned above. Looks like you have to set a max value as mentioned in another answer: stackoverflow.com/a/37482770/6619548

tarn · Accepted Answer · 2016-05-27 11:49:00Z

4

if set options vAxis: {viewWindow: {min: 0}} did not work try to set vAxis:{viewWindow: {min: 0, max: 10}}

answered May 27, 2016 at 11:49

tarn

5566 silver badges10 bronze badges

1 Comment

alstr Over a year ago

This does work for a LineChart but it would be a lot better if you didn't have to set a max value. In my case I know that there will never be any values less than 0, but I don't know what the max is. It means having to loop through the dataset to check what the max value actually is so you don't crop any values off.

Collectives™ on Stack Overflow

Google Visualization API : Line Chart - Hide negative values in Y-axis

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related