时间戳

首页 > 解决方案 > 表格在可视化 GeoChart 中包含比预期更多的列（预期 3 列）

charts - 表格在可视化 GeoChart 中包含比预期更多的列（预期 3 列）

问题描述

您好，我是可视化 GeoChart 的新手。我正在使用这个 Geochart：- https://developers.google.com/chart/interactive/docs/gallery/geochart

问题 ：-

Table contains more columns than expected (Expecting 3 columns)

我的代码：-

var data = google.visualization.arrayToDataTable(arrOfChart);       
          var options = {
            width: "100%",
            height: "440",
             
          };
          var chart = new google.visualization.GeoChart(document.getElementById('compare-artist-map'));
          chart.draw(data, options);`

arrofChart 中的值就像：-

["Andorra", 0, 0, 0]
["Argentina", 0, 0, 0]
["Australia", "5", 0, 0]
["Austria", 0, 0, 0]
["Belgium", 0, 0, 0]
["Bosnia & Herzegovina", 0, 0, 0]

谢谢你

标签： chartsgoogle-visualization

解决方案

请参阅数据格式规范GeoChart

您可以使用三种数据格式，
每种都指定所需的列数和每种数据的数据类型...

  1. 区域模式格式
    此格式采用两个数据表列
    区域位置（字符串），区域颜色（数字）
    ['string', number]
  2. 标记模式格式
    这种格式有两种选择
    a．标记地址（字符串）、标记颜色（数字）、标记大小（数字）
    ['string', number, number]
    b．标记纬度（数字），标记经度（数字），标记颜色（数字），标记大小（数字）
    [number, number, number, number]
  3. 文本模式格式
    这种格式需要两个数据表列
    文本标签（字符串），文本大小（数字）
    ['string', number]

以上格式均未采用您提供的格式->['string', number, number, number]
这就是您收到错误的原因

推荐阅读