Не могу конвертировать демо jsbin в скрипку

Question

Не могу конвертировать демо jsbin в скрипку

0

Я знаю, это звучит странно, но эта демонстрация http://jsbin.com/ixUzURUB/1/edit Я не могу преобразовать ее в http://jsfiddle.net/jhb2L/ Что я делаю неправильно? Благодарю.

 google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);
  }

thenewseattle 10 нояб. 2013, в 19:43

Источник

0

<script type = "text / javascript" src = " google.com/jsapi" ></script>
user2957312 10 нояб. 2013, в 17:50
1

Кажется, это ошибка в jsFiddle, поскольку, даже если вы добавляете jsapi в качестве внешнего ресурса, он не загружается на страницу.
Matt 10 нояб. 2013, в 17:50
0

Похоже, ошибка заключается в том, что если ресурсы не заканчиваются на .js, они не загружаются. Вы можете обойти это, добавив фиктивную строку запроса со значением, которое заканчивается на .js, как кажется.
Karl-Johan Sjögren 10 нояб. 2013, в 18:06

Показать ещё 1 комментарий

Теги:

javascript

jquery

2 ответа

1

Попробуйте вставить этот код, он должен работать:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);
  }
</script>

<div id="piechart" style="width: 900px; height: 500px;"></div>

user2957312 10 нояб. 2013, в 16:53

0

просто удалите их .. в любом случае он должен работать с тегами и без тегов
user2957312 10 нояб. 2013, в 17:55
0

Да, это работает, если тег сценария находится в теле. Функция внешних ресурсов не работает в этом случае, по любой причине. jsfiddle.net/jhb2L/1
JJJ 10 нояб. 2013, в 17:59
2

как насчет этого ? jsfiddle.net/jhb2L/2
user2957312 10 нояб. 2013, в 18:00

Показать ещё 1 комментарий

Ещё вопросы

<script type = "text / javascript" src = " google.com/jsapi" ></script>
Кажется, это ошибка в jsFiddle, поскольку, даже если вы добавляете jsapi в качестве внешнего ресурса, он не загружается на страницу.
Похоже, ошибка заключается в том, что если ресурсы не заканчиваются на .js, они не загружаются. Вы можете обойти это, добавив фиктивную строку запроса со значением, которое заканчивается на .js, как кажется.
просто удалите их .. в любом случае он должен работать с тегами и без тегов
Да, это работает, если тег сценария находится в теле. Функция внешних ресурсов не работает в этом случае, по любой причине. jsfiddle.net/jhb2L/1

Karl-Johan Sjögren · Accepted Answer · 2013-11-10T16-31-00.000Z

У JSFiddle возникают проблемы при добавлении внешних ресурсов, которые не заканчиваются на.js. Добавлен "fake =.js" на путь, и он сработал. Также удалено window.onload = function() {}; что JSFiddle добавляет, и теперь, похоже, работает.

http://jsfiddle.net/jhb2L/3/

Это ответ, который я искал. ! Спасибо чувак.