【问题标题】:Google Visualization API : Line Chart - Hide negative values in Y-axisGoogle Visualization API:折线图 - 在 Y 轴上隐藏负值
【发布时间】:2016-05-27 19:49:00
【问题描述】:

我使用 Google Visualization API 来绘制折线图。以下是代码:

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: ''}});
}

结果如下:

问题是:如何删除 -0.5, -1.0 ?另外,我想在 Y 轴上有整数(例如 0、1、2、3、...)。我应该添加哪个参数?

【问题讨论】:

    标签: google-visualization


    【解决方案1】:

    在您的 chart.draw 调用中,添加: vAxis:{viewWindow: {min: 0}}

    【讨论】:

    • 对于 GoogleVisualr::Interactive::LineChart,它不起作用。请让我知道是否有人有解决方案。谢谢。
    • 这不适用于上面提到的 LineChart。看起来您必须设置另一个答案中提到的最大值:stackoverflow.com/a/37482770/6619548
    【解决方案2】:

    如果设置选项 vAxis: {viewWindow: {min: 0}} 不起作用尝试设置 vAxis:{viewWindow: {min: 0, max: 10}}

    【讨论】:

    • 这确实适用于 LineChart 但如果您不必设置最大值会更好。就我而言,我知道永远不会有任何小于 0 的值,但我不知道最大值是多少。这意味着必须遍历数据集以检查实际最大值是多少,这样您就不会剪掉任何值。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多