2

私は現在このコードに取り組んでいますが、すべてうまくいきますが、マウスで国をホバーすると、関連する値ではなく国名のみがラベルに表示されます。それをしてもいいですか？もしそうなら、どのように？

前もって感謝します！

JavaScriptコードは次のとおりです。

 google.load('visualization', '1', {'packages': ['geochart']});
 google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Value'],
      ['Albania', 1],
      ['Algeria', 1],
    ]);

    var options = {
        colorAxis: {colors:['#386a90']}, legend:'none', datalessRegionColor:'#f1f1f1'
        };
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);

};
</script>
4

3 に答える 3

2

追加のツールチップ フィールドを作成し、その方法でデータを追加できます。

var data = new google.visualization.DataTable();

data.addColumn('string', 'Country'); 
data.addColumn('number', 'Value'); 
data.addColumn({type:'string', role:'tooltip'}); 

data.addRows([['Albania',1,"Extra Information"]]);
data.addRows([['Algeria',1,"Extra Information"]]);

アプリでこのコード形式を使用しました: http://cmoreira.net/interactive-world-maps-demo/france-example/

于 2012-11-23T17:05:50.530 に答える
0

それを行う組み込みの方法はありません。このオプションを使用すると、ツールチップを完全に回避できます。

tooltip: {trigger: 'none'}

それ以外の場合、これは API でサポートされていません。たとえば、jQuery.contains() を使用して、文字列「Value」、「:」、および「1」の表示を回避することができます。文字列「Value」、「:」、または「1」を含む「text」と入力し、それらを非表示にします。ツールチップの四角形が大きいままになるため、これは見栄えがよくありませんが、これでうまくいく可能性があります。

于 2012-11-18T18:25:24.087 に答える