Googleのバーチャートのカスタムツールチップは

Question

このコードは動作しません。

奇妙にも、他のチャートタイプでも機能します。

どうして分かりますか？

[編集]明らかにこれは不可能です。このスクリーンショットのように、ツールチップに "％"記号を入れる方法はありますか？

Answer 1

ツールチップは、デフォルトでフォーマットされた値が表示されるはずです。自分の価値観のためのオブジェクトの表記法を使用して
は、あなたがフォーマットされた値を提供することができ、必要な値（v:）と一緒に（f:）
...

テーブルがロードされた後、あなたも dataTable.setFormattedValue(...)を使用することができます

...

例...

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

 
function drawChart() { 
 
    chart = new google.charts.Bar(document.getElementById('chart')); 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn('string', ''); 
 
    dataTable.addColumn('number', 'Value'); 
 
    var rows = [ 
 
     ['U.S.', {v: 2, f: '2%'}], // add % 
 
     ['France', {v: 10, f: '10%'}], // add % 
 
     ['Germany', {v: 15, f: 'whatever we want'}] // add whatever we want 
 
    ]; 
 
    dataTable.addRows(rows); 
 
    chart.draw(dataTable); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart"></div>