Fatal编程技术网
  • javascript/
  • Javascript 未捕获语法错误：意外的标记&；

Javascript 未捕获语法错误：意外的标记&；

javascript python google-visualization

Javascript 未捕获语法错误：意外的标记&；,javascript,python,google-visualization,jinja2,Javascript,Python,Google Visualization,Jinja2,我试图发送我在python代码中收集的一些数据。以下是与此问题相关的python代码- query = "SELECT USState, NOFU2008 FROM " + TABLE_ID data2008 = service.query().sql(sql=query).execute() print data2008['columns'] query = "SELECT USState, NOFU2009 FROM " + TABLE_ID

我试图发送我在python代码中收集的一些数据。以下是与此问题相关的python代码-

query = "SELECT USState, NOFU2008 FROM " + TABLE_ID 
        data2008 = service.query().sql(sql=query).execute()
        print data2008['columns']
        query = "SELECT USState, NOFU2009 FROM " + TABLE_ID 
        data2009 = service.query().sql(sql=query).execute()
        # print data2009
        query = "SELECT USState, NOFU2010 FROM " + TABLE_ID 
        data2010 = service.query().sql(sql=query).execute()

        variables = {"data2008": data2008 , "data2009": data2009, "data2010": data2010}
        print variables["data2009"]
        self.render_response('index.html', variables)
这是我的html javascript代码-

<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
        console.log("In draw map function")
      var test = {{data2008}}
      console.log(test)
      var data = google.visualization.arrayToDataTable([
        ['State', 'No of Users'],
        ['US-PA', 200],
        ['US-CA', 300],
        ['US-NY', 400],
        ['US-TX', 500],
        ['US-SC', 600],
        ['US-MD', 700]
      ]);

      var options = {};
      options['region'] = 'US'
      options['dataMode'] = 'regions';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
  };
  </script>
</head>

<body>
  <div id='map_canvas'></div>
</body>

</html>


load（'visualization'，'1'，{'packages'：['geomap']}）；
setOnLoadCallback（drawMap）；
函数drawMap（）{
console.log（“在绘制地图功能中”）
var test={{data2008}
console.log（测试）
var data=google.visualization.arrayToDataTable([
[“状态”，“用户数量”]，
[US-PA'，200]，
[US-CA'，300]，
[US-NY'，400]，
[US-TX'，500]，
[US-SC'，600]，
[US-MD'，700]
]);
var选项={}；
选项['region']='US'
选项['dataMode']='regions'；
var container=document.getElementById（'map_canvas'）；
var geomap=newgoogle.visualization.geomap（容器）；
绘制地理地图（数据、选项）；
};
注意-我目前只为地图零件输入了虚拟值。但是我想在测试变量中看到我的数据。但是那里有一些问题。以下是我在浏览器控制台上看到的内容-

<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
        console.log("In draw map function")
      var test = {u&#39;rows&#39;: [[u&#39;Alabama&#39;, 290060.0], [u&#39;Alaska&#39;, 46400.0], [u&#39;Arizona&#39;, 320320.0], [u&#39;Arkansas&#39;, 295280.0], [u&#39;California&#39;, 2524680.0], [u&#39;Colorado&#39;, 412240.0], [u&#39;Connecticut&#39;, 441260.0], [u&#39;Delaware&#39;, 48840.0], [u&#39;District of Columbia&#39;, 334100.0], [u&#39;Florida&#39;, 1488580.0], [u&#39;Georgia&#39;, 912880.0], [u&#39;Hawaii&#39;, 91720.0], [u&#39;Idaho&#39;, 69920.0], [u&#39;Illinois&#39;, 1470320.0], [u&#39;Indiana&#39;, 445600.0], [u&#39;Iowa&#39;, 265640.0], [u&#39;Kansas&#39;, 331280.0], [u&#39;Kentucky&#39;, 294680.0], [u&#39;Louisiana&#39;, 264600.0], [u&#39;Maine&#39;, 136700.0], [u&#39;Maryland&#39;, 548040.0], [u&#39;Massachusetts&#39;, 950880.0], [u&#39;Michigan&#39;, 938200.0], [u&#39;Minnesota&#39;, 637340.0], [u&#39;Mississippi&#39;, 175360.0], [u&#39;Missouri&#39;, 732160.0], [u&#39;Montana&#39;, 53000.0], [u&#39;Nebraska&#39;, 197380.0], [u&#39;Nevada&#39;, 100900.0], [u&#39;New Hampshire&#39;, 150620.0], [u&#39;New Jersey&#39;, 1034520.0], [u&#39;New Mexico&#39;, 57500.0], [u&#39;New York&#39;, 2204280.0], [u&#39;North Carolina&#39;, 767300.0], [u&#39;North Dakota&#39;, 64250.0], [u&#39;Ohio&#39;, 953020.0], [u&#39;Oklahoma&#39;, 222520.0], [u&#39;Oregon&#39;, 242500.0], [u&#39;Pennsylvania&#39;, 1189260.0], [u&#39;Rhode Island&#39;, 133820.0], [u&#39;South Carolina&#39;, 311900.0], [u&#39;South Dakota&#39;, 124680.0], [u&#39;Tennessee&#39;, 469280.0], [u&#39;Texas&#39;, 1586920.0], [u&#39;Utah&#39;, 217240.0], [u&#39;Vermont&#39;, 71360.0], [u&#39;Virginia&#39;, 855700.0], [u&#39;Washington&#39;, 523260.0], [u&#39;West Virginia&#39;, 82940.0], [u&#39;Wisconsin&#39;, 628840.0], [u&#39;Wyoming&#39;, 31420.0]], u&#39;kind&#39;: u&#39;fusiontables#sqlresponse&#39;, u&#39;columns&#39;: [u&#39;USState&#39;, u&#39;NOFU2008&#39;]}
      console.log(test)
      var data = google.visualization.arrayToDataTable([
        ['State', 'No of Users'],
        ['US-PA', 200],
        ['US-CA', 300],
        ['US-NY', 400],
        ['US-TX', 500],
        ['US-SC', 600],
        ['US-MD', 700]
      ]);

      var options = {};
      options['region'] = 'US'
      options['dataMode'] = 'regions';

      var container = document.getElementById('map_canvas');
      var geomap = new google.visualization.GeoMap(container);
      geomap.draw(data, options);
  };
  </script>
</head>

<body>
  <div id='map_canvas'></div>
</body>

</html>


load（'visualization'，'1'，{'packages'：['geomap']}）；
setOnLoadCallback（drawMap）；
函数drawMap（）{
console.log（“在绘制地图功能中”）
（u&3539；阿拉巴马州和39，290060.0，，[u&3539；美国和美国39；阿拉斯加和美国39；阿拉斯加和美国39；阿拉斯加和美国39；阿拉斯加和美国39；阿拉斯加和美国39；阿拉斯加和美国39；阿拉斯加和39；39；39；39；39；第39；行；行；行；行；行；行；39；行；39；39；[u&3539；阿拉巴马州和阿拉巴马州和阿拉巴马州和阿拉巴马州和39；39；39；39；39；39；39；39，29，2900.0.0.0.0，2900.0.0，2900.0，290060.0.0，290060.0，2900 0.0.0 0 0 0 0 0.0 0 0 0 0；0 0 0 0 0 0 0 0 0 0；0.0.0，290060.0.0，，，，，，，，，，，，[u和美国和美国和美国和美国和康涅狄格州'；，441260.0]，[u'；特拉华州'；，48840.0]，[u'；哥伦比亚特区'；，334100.0]，39.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0堪萨斯州，331280.0；[u'；肯塔基州，294680.0]，[u'；路易斯安那州，264600.0]，[u'；缅因州，136700.0]，美国和美国39个马萨诸塞州和39个州，950880.0；美国和美国39个州和39个马萨诸塞州和39个州，950880.0；美国和美国39个密歇根州和39个密歇根州和39个密歇根州和39个密歇根州和39个密歇根州和39个密歇根州和39个密歇根州和39个，938200.0；美国和美国马里兰州和马里兰州和马里兰州和马里兰州和马里兰州和马里兰州，39，39，39个州和39；39个州和马里兰州，39；39个马里兰州和马里兰州和39；39个马里兰州和39个州和39，54；39个州，54个州，54；39，54，54个州，548040.0.0 0.0 0.0.0，54，54，54.0.0，54，54.0 0，54，5440.0，54.0 0 0 0，，，，，，，，，[美国和美国和美国和美国和美国美国和美国美国美国美国美国美国内布拉斯加州和39，197380.0]，[u和39；内华达州和39，100900.0]，[u和39；新罕布什尔州和39，150620.0]，美国和墨西哥新墨西哥州和39，57500.0；美国和墨西哥新墨西哥州和39，39，57500.0；美国和纽约州39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；新泽西州和39；新泽西州和39；新泽西州和39；新泽西州和39；新泽西州和39；新泽西州和39；新墨西哥州和39；新墨西哥新墨西哥州和新墨西哥州和39；新墨西哥州和39，39，39，39，39，39，57500.0.0.0，57500.0 0.0，57500.0.0 0 0 0 0 0 0；美国和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约州和39；纽约和39；39；39；纽约和39；39；39；39；39；39；39；39；39俄勒冈州，242500.0；[u'；宾夕法尼亚州，1189260.0]，[u'；罗德岛州，133820.0]，“u'；南卡罗来纳州和南卡罗来纳州和南卡罗来纳州和第39 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0；南卡罗州和39；南卡罗州和39；南达科塔州和南达州和39；39 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0，124680 0 0 0 0 0 0 0 0 0.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0华盛顿州，523260.0]，[u州，西弗吉尼亚州，82940.0]，[u州，威斯康星州，628840.0]，[u'；怀俄明州'，31420.0]]、u'；种类'；：u'；可熔性&#sqlresponse'；、u'；列'；：[u'；USState'；、u'；NOFU2008'；]
console.log（测试）
var data=google.visualization.arrayToDataTable([
[“状态”，“用户数量”]，
[US-PA'，200]，
[US-CA'，300]，
[US-NY'，400]，
[US-TX'，500]，
[US-SC'，600]，
[US-MD'，700]
]);
var选项={}；
选项['region']='US'
选项['dataMode']='regions'；
var container=document.getElementById（'map_canvas'）；
var geomap=newgoogle.visualization.geomap（容器）；
绘制地理地图（数据、选项）；
};
如果我想在地图中插入2008年每个州的值，我应该做什么更改？

您正在将一个原始的html编码字符串填充到javascript上下文中。javascript完全不知道什么是
'；
。@MarcB-您能指出需要做什么才能以可用格式获取数据吗？您正在将文本填充到javasc中鉴于您来自python，您应该只构建一个python数组/结构/任何东西，然后将其编码为JSON.boom.instant“valid javascript”@MarcB-因此在我的python文件中，当我传递变量时，我必须执行以下操作-self.render_response（'index.html'，JSON.encode（variables））