javascript - Google エリア チャート - vAxis の最小値の設定

Question

1 つのシリーズと 2 つの列 (日付と金額) のみの単純な Google 面グラフがあります。唯一の問題は、「Money」列のすべての値が 0、1、または 2 の場合です。その後、縦軸に重複した値が表示されます。

たとえば、すべての値が 0 の場合はvAxis次のようになります。

1

1

0

すべての値が 1 の場合、次のようになりますvAxis。

1

1

1

0

0

本当に奇妙で、何が欠けているのかわからず、同じ問題がどこにも見つかりませんでした。

API は次のようにロードされます。

google.load('visualization', '1.0', {packages: ['corechart'], 'callback':drawVisualization});

チャートのデータは、たとえば次のとおりです。

  var data = new google.visualization.DataTable();
  data.addColumn('string','Date');
  data.addColumn('number', 'Money');
  data.addRows([
     ['March 1',  0],
     ['March 2',  0],
     ['March 3',  0],
     ['March 4',  0]
  ]);

チャートを作成するコードは次のとおりです。

ac.draw(data, {
  chartArea: {width: '90%', height: '80%'},
  legend: {position: 'none'},         
  colors:['#24b3b0'],
  isStacked:false,
  pointSize: 10,
  width: 938,
  height: 400,
  areaOpacity: 0.2,
  hAxis:{
    showTextEvery:7,
    maxAlternation:1,
    maxTextLines:1
  },
  vAxis:{
     viewWindowMode:'explicit',
     viewWindow:{
          min:0
     },
     format:'$###,###,###',
     gridlines:{
        color:'#ccc' 
     },
     baselineColor:'#cfcfcf'
  }
});

この質問で説明されているように効果がなかったためviewWindow.min、 の最小値を設定するために使用しています: Setting a hard minimum axis value in Google Charts APIvAxisvAxis.minValue