Google диаграммы визуализации instantiateproblem Dashboard

Question

Я пытаюсь создать панель управления для моей веб-страницы, но не могу создать ее.

var dashboard = new google.visualization.Dashboard(document.getElementById("marketareas_div"));

и apicall:

<script type="text/javascript"
src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1.1","packages":["corechart"]}]}'/>

Проблема: "google.visualization.Dashboard isне конструктор ".

Answer 1

Прежде всего вам нужно закрыть этот скрипт-тэг, иначе страница будет ломаться в некоторых браузерах.

Кажется, проблема в том, что Dashboard-объект отсутствует, когда вы включаете скрипт в пакетную диаграмму пакета от Google.Измените его на элементы управления, которые включают в себя панель инструментов.

Подробнее: http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/controls.html

Answer 2

Ваш API правильно загружен?

Глядя на документацию Google , ваш URL автозагрузки неверный, его следует закодировать:

Это:

{ "модули": [{ "Имя": "поиск", "вариант": "1,0", "язык": "ан"}, { "имя": "карты", "вариант": "2 .x "}, {" имя ":" элементы», "версия": "1.0", "пакеты": [ "LocalSearch"]}]}

становится таким:

% 7B% 22modules% 22% 3A% 5B% 7B% 22name% 22% 3A% 22search% 22% 2C% 22version% 22% 3A% 221,0% 22% 2C% 22language% 22% 3A% 22en% 22% 7D% 2C% 7B% 22name% 22% 3A% 22maps% 22% 2C% 22version% 22% 3A% 222.X% 22% 7D% 2C% 7B% 22name% 22% 3A% 22elements% 22% 2C% 22version% 22% 3A% 221,0% 22% 2C% 22packages% 22% 3A% 5B% 22localsearch% 22% 5D% 7D% 5D% 7D * * 1016

Называться так:

<script src="https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22search%22%2C%22version%22%3A%221.0%22%2C%22language%22%3A%22en%22%7D%2C%7B%22name%22%3A%22maps%22%2C%22version%22%3A%222.X%22%7D%2C%7B%22name%22%3A%22elements%22%2C%22version%22%3A%221.0%22%2C%22packages%22%3A%5B%22localsearch%22%5D%7D%5D%7D&key=INSERT-YOUR-KEY"></script>

Они на самом деле не рекомендуют использовать этот способ для загрузки.

Внимание! Эту расширенную функцию сложно реализовать, в зависимости от конкретной ситуации. Поэтому мы рекомендуем вам рассмотреть возможность автоматической загрузки только в определенных случаях, когда сокращение задержка имеет решающее значение.

Попробуйте использовать более простую загрузку, например:

<script type="text/javascript">
    google.load("visualization", "1.1");
    ...
</script>