Google Chart APIを使用して折れ線グラフを表示していますが、通貨として表示するには数値が必要です。チャート自体では、通貨のように数字を表示することができましたが、マウスをポイントの上に置いてダイアログボックスを表示すると、指定どおりに数字が表示されません。
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable(<?php echo $data; ?>);
var options = {
chartArea:{left:40,top:10},
pointSize: 6,
vAxis: {format:'$###,###,###.00'}, // Money format
legend: {position:'none'}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
この画像からわかるように、左側に表示される縦の列vAxis.format
は、上記のコードで指定された小数点を使用していますが、ダイアログボックスには小数点またはドル記号が表示されません(画面キャプチャ後にドル記号を追加しました) )。
ダイアログボックスの番号を取得して、左揃えの垂直列の番号と同じように表示するにはどうすればよいですか?
データを通貨形式に入力するために使用しているPHP配列を更新しようとしましたが、単純な数字ではないため、Googleグラフは表示されません。