google图表中的viewWindow属性不起作用

时间:2014-02-25 11:40:35

标签: google-visualization

我想在google图表中自定义垂直轴的值。在他们的文档中我找到了这个属性。它放在代码中的注释(// ---另外添加..)之间,但是没有绘制图形。有谁知道可能是什么问题?

<link rel="shortcut icon" href="images/superGear.ico">
<link rel="icon" type="image/png"  href="images/superGear.png">

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

    var options = {
      title: 'Company Performance',
      hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},

      // ADDITIONALY ADDED--------------
      vAxis: { 
          viewWindowMode:'explicit',
          viewWindow:{ min:90, max :100 }            
      //---------------------------------
    };

    var chart = new google.visualization.AreaChart(document.getElementById('lastMonth'));
    chart.draw(data, options);
  }
</script>

将div放入正文以显示图形

<div id="lastMonth" style="height: 500px;"></div>

1 个答案:

答案 0 :(得分:0)

您错过了}选项的结束vAxis

vAxis: { 
    viewWindowMode: 'explicit',
    viewWindow: {
        min:90,
        max: 100
    }
}