Charts 谷歌图表：如何设置列的最大值和之间没有大的差距。（专栏）

当前我正在使用“Top-X图表”格式进行编码。

但是，我想将Y轴的最大值设置为2000并显示出来，而不是按照我添加的数据进行操作。

第二个问题，通过使用这种格式，两者之间有很大的差距，我希望它们并排显示。我该怎么做？ 下面是我的代码：

https://jsfiddle.net/wacy5mvv/
  google.load("visualization", "1.1", {packages:['corechart',"bar"]});
      google.setOnLoadCallback(drawStuff);

      function drawStuff() {
        var data = new google.visualization.arrayToDataTable([
          ['date', 'pax'],
          ["12-05-2015", 60],
          ["12-06-2015", 31],
          ['12-06-2017', 3]
        ]);

        var options = {
          title: 'Report Chart',
          width: 900,
          legend: { position: 'none' },
          chart: { subtitle: 'Number Of Pax' },
          axes: {
            x: {
              0: { side: 'bottom', label: 'Date'} // Top x-axis.
            }
          },
          bar: { groupWidth: "10%" }
        };

        var chart = new google.charts.Bar(document.getElementById('top_x_div'));
        // Convert the Classic options to Material options.
        chart.draw(data, google.charts.Bar.convertOptions(options));
      };

我知道使用这个谷歌图表会对我更有用，但是我并不真正理解代码：

例如。
-无法理解为什么v、min和max得到3个参数
-当我将格式更改为字符串时，遇到了一些问题。 等

---

您可以使用

bar来设置一组条的宽度。groupWidth

属性，下面的示例演示了如何在它们之间不设置空格：

bar: { 
    groupWidth: '100%'
}

vAxis.viewWindowMode

属性指定如何缩放垂直轴以呈现图表区域内的值，下面的示例演示如何将垂直最大值设置为

100

：

vAxis: {  
    viewWindow: { max: 100 }
}     

完整示例

google.load（“可视化”、“1.1”{packages:['corechart'，“bar”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.arrayToDataTable([
['日期'，'和平']，
["12-05-2015", 60],
["12-06-2015", 31],
['12-06-2017', 3]
]);
变量选项={
标题：“报告图表”，
宽度：900，
图例：{位置：'无'}，
图表：{副标题：'人数'}，
轴线：{
x:{
0:{侧面：“底部”，标签：“日期”}//顶部x轴。
}
},
酒吧：{
groupWidth:“100%”
},
动词：{
视图窗口：{max:500}，
格式：“000”
}    
};
var chart=new google.charts.Bar（document.getElementById（'top_x_div'）；
//将经典选项转换为材质选项。
绘制（数据，google.charts.Bar.convertOptions（选项））；
};
您可以使用
条设置一组条的宽度。groupWidth
属性，下面的示例演示了如何在它们之间不设置空格：

bar: { 
    groupWidth: '100%'
}

vAxis.viewWindowMode
属性指定如何缩放垂直轴以呈现图表区域内的值，下面的示例演示如何将垂直最大值设置为
100
：

vAxis: {  
    viewWindow: { max: 100 }
}     

完整示例


google.load（“可视化”、“1.1”{packages:['corechart'，“bar”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.arrayToDataTable([
['日期'，'和平']，
["12-05-2015", 60],
["12-06-2015", 31],
['12-06-2017', 3]
]);
变量选项={
标题：“报告图表”，
宽度：900，
图例：{位置：'无'}，
图表：{副标题：'人数'}，
轴线：{
x:{
0:{侧面：“底部”，标签：“日期”}//顶部x轴。
}
},
酒吧：{
groupWidth:“100%”
},
动词：{
视图窗口：{max:500}，
格式：“000”
}    
};
var chart=new google.charts.Bar（document.getElementById（'top_x_div'）；
//将经典选项转换为材质选项。
绘制（数据，google.charts.Bar.convertOptions（选项））；
};

Hi，如果我希望宽度保持20%，但该条将并排显示在左侧区域。可能吗？然而，viewWindow:{max:500}运行良好：）嗨，如果我想保持20%的宽度，但该条将并排显示在左侧区域。可能吗？但是，viewWindow:{max:500}运行良好：）