Googleのグラフ乱れた値と列が表示されている軸が合計されています

Question

軸に乱れた値が表示されていて、列が加算されています理由がわかりません。

データはパーセンテージですが、達成度が目標よりも優れている場合は100％以上になる可能性があります。

これは（それ1 foreachのがある前に）私のコードです：

$vttCloud = number_format((($CountryCloudAchieved)*pow(($CountryTarget*0.25), -1))*100, 2, ",", "."); 

$vtt = number_format((($CountryAchieved)*pow(($CountryTarget), -1))*100, 2, ",", "."); 

if ($vttCloud == 0 && $vtt == 0) {} else { 
     ?> 
      ['<?php echo $Country; ?>', '<?php echo $vtt; ?>', '<?php echo $vttCloud; ?>'], 
<?php } } ?> 

Answer 1

使用番号の代わりに、列1 & 2のための文字列（単一引用符を失う）...

['<?php echo $Country; ?>', <?php echo $vtt; ?>, <?php echo $vttCloud; ?>],

奇妙なことに、奇妙なことに、文字列を値として持つチャートを描画することができます。
2例、番号の1、文字列と他の...

google.charts.load('current', { 
 
    callback: function() { 
 
    drawChartGood(); 
 
    drawChartBad(); 
 
    }, 
 
    packages:['bar'] 
 
}); 
 

 
function drawChartGood() { 
 
    var dataTable = google.visualization.arrayToDataTable([ 
 
    ['Country', 'vtt', 'vttCloud'], 
 
    ['Czech Republic', 50, 60], 
 
    ['Italy', 75, 80], 
 
    ['Croatia', 28, 40] 
 
    ]); 
 

 
    var options = { 
 
    bars: 'horizontal' 
 
    }; 
 

 
    var chart = new google.charts.Bar(document.getElementById('chart_good')); 
 
    chart.draw(dataTable, google.charts.Bar.convertOptions(options)); 
 
} 
 

 
function drawChartBad() { 
 
    var dataTable = google.visualization.arrayToDataTable([ 
 
    ['Country', 'vtt', 'vttCloud'], 
 
    ['Czech Republic', '50', '60'], 
 
    ['Italy', '75', '80'], 
 
    ['Croatia', '28', '40'] 
 
    ]); 
 

 
    var options = { 
 
    bars: 'horizontal' 
 
    }; 
 

 
    var chart = new google.charts.Bar(document.getElementById('chart_bad')); 
 
    chart.draw(dataTable, google.charts.Bar.convertOptions(options)); 
 
}

div { 
 
    padding-bottom: 24px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div>Numbers</div> 
 
<div id="chart_good"></div> 
 
<div>Strings</div> 
 
<div id="chart_bad"></div>