Google visualization 谷歌图表：错误显示条形图

我目前正在工作，它的工作很好

问题：

该条显示错误。例如：假设我想显示获得的分数和总分数。但问题是谷歌图表显示获得的分数条大于总分数（这根本不是真的）。如下图所示：

如图所示，第6章，第7章，第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>

load（“可视化”、“1.1”、{packages:[“bar”]}）；
setOnLoadCallback（drawStuff）；
函数drawStuff（）{
var data=new google.visualization.arrayToDataTable([
[‘受试者’、‘获得分数’、‘总分’]，
屏幕截图中显示的显示是正确的

“总分”（红色）数据集位于底部x轴的下方

“获得的”（蓝色）数据集位于顶部x轴的下方

我认为你的两个X轴的比例（根据你的数据范围推断）非常接近，因此很容易混淆它们

双x轴图表适用于具有非常不同范围值的补充数据集

在您的情况下，最好使用简单的（单轴）条形图来避免这种混淆