Google GeoChart を使用して、特定の月にさまざまな国から何件の注文があったかを示しています。私が供給しているデータで、すべて正しく動作しています。
ただし、私が知りたいのは、データのない国名をホバーして表示する方法があるかどうかです。
たとえば、私が持っているサンプルデータは次のとおりです。
function drawMap() {
var mapdata = google.visualization.arrayToDataTable([
['Country', 'Orders'],
['United Kingdom', 20],
['Ireland', 10],
['France', 3],
['Spain', 3],
['Germany', 2],
['Norway', 1],
['Sweden', 1]
]);
var mapoptions = {
width: 980,
colorAxis: {minValue: 0, colors: ['#6ED0DF', '#3266CC']}
}
var mapchart = new google.visualization.GeoChart(document.getElementById('mapchart'));
mapchart.draw(mapdata, mapoptions);
}
私のサンプル データからわかるように、多くのヨーロッパ諸国のデータを持っているので、マップが画面にレンダリングされると、上の国にカーソルを合わせると国名が表示されます。ただし、たとえばベルギーやポーランドにカーソルを合わせると、地図にその国の名前が表示されません。
これを示す方法はありますか?理想的には、mapdata にすべての国をリストしたくありません。他の国の名前を表示するために実行できる関数はありますか? データに対して0またはN/Aと言わなければならない場合でも...
参考までに、PHP を使用して、MySQL データベースからマップにデータを入力するために必要なデータを取得しています。