Google图表在yAxis上持续显示负值

debugcn 发表于 Dev

马蒂亚斯·塞弗特（Matthias Seifert）

我目前正在使用Google图表来向用户显示数据。如果没有数据，则Google图表会自动将y轴从-1绘制为1。但是在我的情况下，-1没有意义，因此我希望它显示从0到n的空图表（最大值不会没关系，我就是不想消极的人）。我已经在寻找解决方案，最常见的答案是

viewWindow: {
    min: 0
}

应该有所帮助。但是，事实并非如此。我猜我只是以错误的方式使用它，因为它可用于许多其他用户，但我不知道这是怎么回事。因此，这是我尝试避免出现负Y值的方法：

function drawChart() {
    var data = google.visualization.arrayToDataTable(dataArray);

    var options = {
        vAxis: { viewWindowMode: "explicit", viewWindow:{ min: 0 }},
        chart: {
            title: 'Check Diagramm',
            subtitle: '@chartTitle',
        },
        colors: ['#8BC34A', '#F44336']
    };

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

    chart.draw(data, options);
}

结果始终是：

在此先感谢您的帮助：）

编辑：

我也试过了

vAxis: {
    minValue:0,
    viewWindow: {
        min: 0
    }
}

白帽

viewWindow: {min: 0}可以，但是在使用“材质图”时，
必须转换选项...

google.charts.Bar.convertOptions

请参阅以下代码段...

google.charts.load('current', {
  callback: function () {
    var dataArray = [
      ['Month', 'Positive Checks', 'Negative Checks'],
      ['Jan', 0, 0],
      ['Feb', 0, 0],
      ['Mar', 0, 0],
      ['Apr', 0, 0],
      ['May', 0, 0]
    ];

    var data = google.visualization.arrayToDataTable(dataArray);

                  // convert options
    var options = google.charts.Bar.convertOptions({
      height: 600,
      width: 800,
      vAxis: {
        viewWindow: {
          min: 0
        }
      },
      chart: {
        title: 'Check Diagramm',
        subtitle: '@chartTitle',
      },
      colors: ['#8BC34A', '#F44336']
    });

    var chart = new google.charts.Bar(document.getElementById('columnchart_material'));

    chart.draw(data, options);
  },
  packages: ['bar']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="columnchart_material"></div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-25

我来说两句

0条评论

登录后参与评论

来自分类Dev

Google图表在yAxis上持续显示负值

来自分类Dev

在scrollTop（）上显示Google图表

来自分类Dev

SVG线未显示在Google图表上？

来自分类Dev

在Google图表上取消显示空值

来自分类Dev

SVG线未显示在Google图表上？

来自分类Dev

Google图表未显示在iOS设备上

来自分类Dev

NSNumberFormatter在负值上显示括号

来自分类Dev

Nativescript图表如何显示带有负值的条形图

来自分类Dev

Google图表在x轴上显示曲折标签

来自分类Dev

Google图表显示v轴上的所有值

来自分类Dev

使用数据库数据在Google图表上显示报告

来自分类Dev

Google图表未显示

来自分类Dev

Highcharts 在工具提示上显示负值

来自分类Dev

显示高图列范围图表xAxis，yAxis和系列

来自分类Dev

显示高图列范围的图表xAxis，yAxis和系列

来自分类Dev

如何在.NET图表的YAxis上对数据进行分组？

来自分类Dev

在 yAxis Highcharts 上显示 PlotLine 值

来自分类Dev

Google图表-表格图表不显示数据

来自分类Dev

在 Highcharts 上显示单个图表

来自分类Dev

如何在Google图表上显示从Google Spreadsheet中提取数据的注释？

来自分类Dev

WPF Metro UI图表-负值

来自分类Dev

WPF Metro UI图表-负值

来自分类Dev

Google图表：如何自定义轴上显示的日期格式？

来自分类Dev

Google聊天未在图表上显示最后一个刻度

来自分类Dev

react-google-charts 未显示在 ie11 上-“无法绘制图表数据”

来自分类Dev

在Angular nvd3图表Yaxis中显示K和M

来自分类Dev

如何在每个N值的YAxis上显示标签？

来自分类Dev

在chart.js中的yaxis上显示名称

来自分类Dev

在高图中，如何在xAxis上显示yAxis值？

Related 相关文章

文章