1

ツールチップの最初の空の文字列を削除する必要があります。最初の文字列を''に変更するためにフォーマッターを使用していますが、削除できません。''をnullに変更すると、最初の文字列に最初の列のデータが表示されます。

ここに画像の説明を入力してください

コード：

var data = new google.visualization.DataTable();
data.addColumn('string', 'State');
data.addColumn('number', 'TempNumber');
data.addColumn({
    type: 'string',
    role: 'tooltip'
});
data.addRows([
    ['Ohio', 0, 'Ohio'],
    ...
]);
var options = {
    width:      580,
    region:     'US',
    resolution: 'provinces',
    colorAxis:  {colors: ['#abb7df']},
    legend:     'none'
};
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
var formatter = new google.visualization.PatternFormat('');
    formatter.format(data, [0,1,2]);

chart.draw(data, options);
4

1 に答える 1

1

残念ながら、現在これを行う簡単な方法はありません (独自のツールチップ関数を描画してボックスを描画する必要があります)。将来的には、ジオチャートにisHtml: trueを実装することを願っていますが、現時点ではサポートされていません。

Tooltip は、現在の実装ではやりたいことを実行できません。テキストのサイズを小さくすることはできますが、表示するテキストのサイズも小さくなります。色を変更できますが、これもツールチップ全体に影響します。独自の形式のツールチップを実装するのではなく、問題を解決するためにできることはあまりありません (マウスが置かれているものの列 0 の値を取得し、それをページ内の別の場所に表示する関数を作成します)。または、マウスの位置を計算してそこに表示します)。

于 2013-01-25T01:10:42.143 に答える