Javascript 标在错误位置的标记_Javascript_Google Visualization

Javascript 标在错误位置的标记

javascript google-visualization

Javascript 标在错误位置的标记,javascript,google-visualization,Javascript,Google Visualization,我的数据表： Country Types of sales Total sales($) Name State United states of America chemicals 12662871 Obama GA United states of America

我的数据表：

Country                        Types of sales   Total sales($)  Name                                State       
United states of America           chemicals    12662871    Obama                                GA 
United states of America           electronics  20145684    Romney                               ON 
United states of America           textiles     22458756    Gliton                               MB 
United states of America           automobiles  34235684    Andrew Jackson                       BC 
United states of America           chemicals    19438333    James Madison                       AB

如果我给“名称”列指定名称，而不是指定“状态”列，则该名称也会绘制在地图中，就像在附件文件中一样

这仅在displayMode为Marker时发生

Javascript代码：

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Google Visualization API Sample</title>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

    function drawMarkersMap() {

        var data = google.visualization.arrayToDataTable([

        ['Name', 'Total Sales'],
        ['Romney', 20145684],
        ['Obama', 12662871],
        ['Gliton', 22458756],
        ['Andrew Jackson', 34235684],
        ['James Madison', 19438333]
    ]);

        var options = {

            region: 'US',
            resolution: 'provinces',
            displayMode:'markers',
            width: 400,
            height: 400,
            colorAxis: {
                //values: [-1, 0, 1],
                colors: ['#FF0000']
            }
        };

        var geochart = new google.visualization.GeoChart(document.getElementById('visualization'));

        geochart.draw(data, options);

        google.visualization.events.addListener(geochart, 'select', function (eventOption) {

            var item = geochart.getSelection();


            var value = data.getValue(item[0].row, 1);

            alert(value);
        });
    }

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

    google.setOnLoadCallback(drawMarkersMap);


</script>

</head>

<body style="font-family: Arial;border: 0 none;">

<div id="visualization"></div>

</body>

</html>


谷歌可视化API示例
函数drawMarkersMap（）{
var data=google.visualization.arrayToDataTable([
[“名称”，“总销售额”]，
[罗姆尼，20145684]，
['Obama'，12662871]，
[Gliton'，22458756]，
[Andrew Jackson'，34235684]，
[《詹姆斯·麦迪逊》，19438333]
]);
变量选项={
地区:"美国",，
决议：“各省”，
显示模式：'标记'，
宽度：400，
身高：400，
颜色轴：{
//值：[-1,0,1]，
颜色：['#FF0000']
}
};
var geogocart=new google.visualization.geogocart（document.getElementById（'visualization'）；
绘图（数据、选项）；
google.visualization.events.addListener（部分“选择”，函数（eventOption）{
var item=getArt.getSelection（）；
var value=data.getValue（项[0]。行，1）；
警报（值）；
});
}
load（'visualization'，'1'，{packages:['geogorart']}）；
setOnLoadCallback（drawMarkersMap）；

请提供解决方案

提前感谢。

假设您希望将每个人显示为负责某个状态的人，他们的姓名显示在悬停上，如下所示：

您可以使用这样的代码，使用

{v:'value'，f:'format'}

表示法：

function drawVisualization() {
  var data = new google.visualization.DataTable();
  data.addColumn('string','Name');
  data.addColumn('number','Sales');
  data.addRows([
    [{v:'MA',f:'Romney'}, 20145684],
    [{v:'IL',f:'Obama'}, 12662871],
    [{v:'NH',f:'Gliton'}, 22458756],
    [{v:'TN',f:'Andrew Jackson'}, 34235684],
    [{v:'VA',f:'James Madison'}, 19438333]
  ]);

  var options = {
    region: 'US',
    resolution: 'provinces',
    width: 600,
    height: 400
  };

var chart=new google.visualization.geograpart（document.getElementById（'visualization'）；图表绘制（数据、选项）；

};

我真的不明白你在这里想干什么。您的示例代码不包括艺术的位置。您能否更改示例，使其显示位置（除了销售额）？