Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google visualization 谷歌图表上的最大值和最小值_Google Visualization - Fatal编程技术网

Google visualization 谷歌图表上的最大值和最小值

Google visualization 谷歌图表上的最大值和最小值,google-visualization,Google Visualization,如何在谷歌图表上设置最大值和最小值 我尝试过这个,但没有成功: vAxis: { viewWindowMode:'explicit', viewWindow: { max:3000, min:500 } } 以下是我使用的所有代码: <script type="text/javascript" src="https://www.google.com/jsapi"></script&

如何在谷歌图表上设置最大值和最小值

我尝试过这个,但没有成功:

vAxis: {
    viewWindowMode:'explicit',
        viewWindow: {
            max:3000,
            min:500
        }
    }
以下是我使用的所有代码:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load("visualization", "1.1", {packages:["bar"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses', 'Profit'],
          ['2014', 1000, 400, 200],
          ['2015', 1170, 460, 250],
          ['2016', 660, 1120, 300],
          ['2017', 1030, 540, 350]
        ]);

        var options = {
          chart: {
            title: 'Company Performance',
            subtitle: 'Sales, Expenses, and Profit: 2014-2017',
          },
          vAxis: {
            viewWindowMode:'explicit',
            viewWindow: {
              max:3000,
              min:500
            }
        },
          bars: 'vertical' // Required for Material Bar Charts.
        };

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

        chart.draw(data, options);
      }
</script>

load(“可视化”、“1.1”、{packages:[“bar”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
图表:{
标题:“公司业绩”,
字幕:“销售、费用和利润:2014-2017”,
},
言辞:{
viewWindowMode:“显式”,
视图窗口:{
最高:3000,
最低:500
}
},
条形图:“垂直”//材质条形图需要。
};
var chart=new google.charts.Bar(document.getElementById('barchart_material');
图表绘制(数据、选项);
}
(示例来自)


Thks。随着材料图表的发布,谷歌正在修改选项的指定方式。这些选项的结构尚未最终确定,因此Google提供了一个将经典选项结构转换为新选项的功能,建议您使用它,而不是使用将来可能更改的选项

因此,您可以通过以下两种方式之一解决问题:

  • 您可以按照Google的建议使用转换功能(您可以在或中看到此方法的演示(请注意链接标题底部的注释))
  • google.load(“可视化”、“1.0”{packages:[“bar”]});
    setOnLoadCallback(drawChart);
    函数绘图图(){
    var data=google.visualization.arrayToDataTable([
    [“年度”、“销售额”、“费用”、“利润”],
    ['2014', 1000, 400, 200],
    ['2015', 1170, 460, 250],
    ['2016', 660, 1120, 300],
    ['2017', 1030, 540, 350]
    ]);
    变量选项={
    图表:{
    标题:“公司业绩”,
    字幕:“销售、费用和利润:2014-2017”,
    },
    言辞:{
    viewWindowMode:“显式”,
    视图窗口:{
    最高:3000,
    最低:500
    }
    },
    条形图:“垂直”,//物料条形图为必填项。
    宽度:800,
    身高:600
    };
    var chart=new google.charts.Bar(document.getElementById('barchart_material');
    绘制(数据,google.charts.Bar.convertOptions(选项));
    }
    
    
    当前将此格式与转换器选项一起使用时,视口将按预期进行调整,但轴标签已偏离(远离图形边界,不再与数据匹配)。如果有人对此有解决方案,请告诉我;)除此之外,经过进一步测试;值本身会根据图形进行调整,但缩放不会。使用材质图表的“本机”选项会生成相同的问题。我正在使用google.charts.Line。顺便说一句,谢谢,今天帮了我一个任务