0

この jsBin では、google-chartこちらのドキュメント ページの最初の例をコピーして要素を表示しようとしています。しかし、チャートは表示されません。

ビンが機能しない理由は、polygit2.appspot.comでの同様の一時的な サーバーの問題(この 2 日前のケースと同様) が原因であるという私の仮説を誰かが確認または拒否できますか? または、修正が必要なコードに何か問題がありますか?

http://jsbin.com/dusaqaqaje/edit?html,コンソール,出力 
<!doctype html>
<head>
  <meta charset="utf-8">
  <!---- >
  <base href="https://polygit.org/components/">
  <!---- >
  Toggle below/above as backup when server is down
  <!---->
  <base href="https://polygit2.appspot.com/components/">
  <!---->
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="paper-button/paper-button.html" rel="import">
  <link href="google-chart/google-chart.html" rel="import">
</head>
<body>

<dom-module id="x-element">

<template>
  <style></style>

<paper-button on-tap="_handleTap">Click Me</paper-button>

<!---- >
  Below is just a copypaste from the docs page here:
  https://elements.polymer-project.org/elements/google-chart
<!---->
<google-chart
  type='pie'
  options='{"title": "Distribution of days in 2001Q1"}'
  cols='[{"label":"Month", "type":"string"}, {"label":"Days", "type":"number"}]'
  rows='[["Jan", 31],["Feb", 28],["Mar", 31]]'>
</google-chart>

</template>

<script>
  (function(){
    Polymer({
      is: "x-element",
      properties: {
      },
      _handleTap: function() {
        console.log('You clicked me!');
      },
    });
  })();
</script>

</dom-module>

<x-element></x-element>

</body>
4

1 に答える 1

1

あなたがすでに提案したように、それは一時的なサーバーの問題だと思います。polygit を介してこのgoogle-chart要素をインポートすると、要素を提供する代わりにエラーがスローされるだけです (インポート リンクでこの動作が表示される場合があります)。

うまくいけば、これはすぐに修正されます。

于 2016-03-03T11:03:30.937 に答える