谷歌图表:错误显示条形图

Question

我目前正在谷歌条形图-双X上工作，它运行得很好。

发行：

这个栏向wrongly.For展示了一个例子:假设我想显示已获得的标记，而总Marks.But问题是Google图表显示获得的标记条大于总标记(这一点根本不正确)。你可以看到下面的图片：

​

​

​

​

如图所示，第6章、第7章、第8章、第8章和第8章所得到的马克条大于总标尺。

码

<script type="text/javascript">
  google.load("visualization", "1.1", {packages:["bar"]});
  google.setOnLoadCallback(drawStuff);

  function drawStuff() {
    var data = new google.visualization.arrayToDataTable([
      ['Subject', 'Obtained Marks', 'Total Marks'],
    <?php 
        $i=1;
        foreach($sql_get_marks_results as $sql_get_marks_result){
            echo "['".$sql_get_marks_result->meta_subject."', ".$sql_get_marks_result->obtained_marks.", ".$sql_get_marks_result->total_marks."]";
            if($i != count($sql_get_marks_results)){echo ",";}
            $i++;
        }
    ?>
    ]);

    var options = {
      width: 900,
      chart: {
        title: 'Markesheet',
        subtitle: 'distance on the left, brightness on the right'
      },
      bars: 'horizontal', // Required for Material Bar Charts.
      series: {
        0: { axis: 'obtained' }, // Bind series 0 to an axis named 'distance'.
        1: { axis: 'total' } // Bind series 1 to an axis named 'brightness'.
      },
      axes: {
        x: {
          obtained: {label: 'Obtained'}, // Bottom x-axis.
          total: {side: 'top', label: 'Total'} // Top x-axis.
        }
      }
    };

  var chart = new google.charts.Bar(document.getElementById('dual_x_div'));
  chart.draw(data, options);
};
</script>

有没有人遇到过类似的问题，或者有人能帮我解决这个问题？

如果你想要更多的细节告诉我。

Answer 1

屏幕截图中显示的显示是正确的。

“总标记”(红色)数据集遵循底部x轴。

“获取”(蓝色)数据集遵循顶部x轴。

我认为你两个X轴的比例尺(由你的数据范围推断)是相当接近的。正因为如此，他们很容易被混淆。

双轴图有利于互补数据集的值在非常不同的范围内，如在文档中给出的示例中。

在您的情况下，您最好使用一个简单的(单轴)条形图来避免这种混乱。