2013-11-28 5 views
0

Когда я пытаюсь загрузить свой сайт на мой WAMP-сервер, он дает мне эту ошибку:Google Visualization API - Ошибка: Неизвестный тип заголовка: 1

Error: Unknown header type: 1 
https://www.google.com/uds/api/visualization/1.0/c3581c99759b4a64cb69ca21ab634266/format+en,default+en,ui+en,corechart+en.I.js 
Line 171 

Это мой код:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>SO Q#</title> 
<style type="text/css"> 
html { 
    height: 100%; 
    width: 100% 
} 
body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0 
} 
#chart { 
    height: 100%; 
    width: 100% 
} 
</style> 
<script language="javascript" type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script language="javascript" src="../js/jquery.js"></script> 
<script language="javascript" src="../js/jquery.csv.js"></script> 
<script language="javascript" type="text/javascript"> 
google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 
    $.get("https://docs.google.com/spreadsheet/pub?key=0Ao6fMN9Cw0GPdFVtZ29iYmd1cmRORU0yemYxUjE3OVE&single=true&gid=0&output=csv", function(csvString) { 
    var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}); 
    var data = new google.visualization.arrayToDataTable(arrayData); 
     var view = new google.visualization.DataView(data); 
     view.setColumns([0,1]); 
     var options = { 
      title: "A Chart from a CSV!", 
      legend: 'none' 
     }; 
     var chart = new google.visualization.PieChart(document.getElementById('chart')); 
     chart.draw(view, options); 
    }); 
} 
</script> 
</head> 
<body> 
<div id="chart"></div> 
<script> 
</script> 
</body> 
</html> 

Может ли кто-нибудь сказать мне, откуда эта ошибка?

+0

Попробуйте открыть ссылку https из '$ .get()' call в вашем браузере. Вы должны получить файл 'testchart.csv' с этого сайта google. –

+0

У меня есть файл. Теперь я изменил код на: «$ .get (« testchart.csv », function (csvString) {», это правильно? – user3040943

+0

Да, если этот файл находится в том же каталоге, что и ваш html-файл. –

ответ

4

Заголовок этого файла не подходит для pieChart. Измените его на что-то вроде

Name,Work 
Jochen,2 
Peter,5 
Hans,2 
Detlef,3 
Jürgen,4 
Andreas,6 
Martin,4 
+0

Спасибо, теперь это работает. – user3040943

+0

@Anto Jurkovic Поддерживается ли карта Google на мобильных устройствах? он масштабируется вверх/вниз должным образом? –

+0

Я не разработал для мобильного устройства, но, скорее всего, это так. Возможно, если вы проверите некоторые примеры на [Google Playground] (https://code.google.com/apis/ajax/playground/?type=visualization). –

Смежные вопросы