1

でレンダリングしたいヒストグラムがありますColumnCharts。チュートリアルに従って実行した結果、次のようになりました。

ここに画像の説明を入力

グラフの両端の間隔に注意してください (特に、左側には非常に小さい列がいくつかあります)。

使ってみましviewWindowたが特に効果はないようです。描画に使用されるコード (coffeescript) は次のとおりです。データはかなり大きいため、スペースを節約するために切り取られています

    data = google.visualization.arrayToDataTable([
      labels, bardata
    ])

    # The labels are ["x", "label for each column" ....]
    # bardata is [number, number, number] (these numbers are the height of the column)


    chart = new google.visualization.ColumnChart(document.getElementById("enrollment-total-chart"))
    chart.draw(data,
      width: 400
      height: 300
      hAxis:
        title: "Number of students"
      vAxis:
        title: "Number of schools"
      viewWindow:
        max: "auto"
        min: 0
      viewWindowMode: "explicit"
      legend: position: "none"
    )
4

1 に答える 1

0

問題はデータにある可能性があります。たとえば、このチャートを作成すると:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['x', 'A', 'B', 'C', 'D', 'E', 'F'],
    ['A',  0,   0,   3,   4,   5,   0],
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
      draw(data,
           {width:600, height:400,
            hAxis: {title: "Year"}}
      );
}

ゼロが原因で、グラフの左右に多くの空白があります (私の推測では、極端なところにゼロがたくさんあると思います)。

あなたのデータにも少し混乱しています-あなたは多くの異なる行があると言いますが、ヒストグラムは単なるXYデータのペアであるため、色の使用(シリーズを区別する)は標準のヒストグラムとは少し異なります.

上記があなたの質問に答えない場合は、あなたが何をしようとしているのかをもう少しよく理解できるように、あなたのデータを含めていただけますか (必要に応じて匿名化してください)。

于 2013-01-11T09:11:20.040 に答える