6 返信 最新の回答 日時: Nov 17, 2016 1:07 AM ユーザー:kobamasa

    GoogleChartToolの利用について

    kobamasa

      お世話になります。

      FileMakerにGoogleChartToolsを組み込めないか検討をしております。

      GoogleChartToolsのRich Galleryから使ってみたいチャートを選択し、 そのチャートの下に書かれているJavaScriptをコピーし FileMakerのグローバル変数($$Chart)に保存しました。

      Webビューアに「"DATA:text/html," & $$Chart」と設定したのですがチャートが表示されません。

      GoogleChartToolsからコピーしたJavaScriptではなくサンプルとしていただいたFileMakerのGoogleChartToolsのデモファイルで使用されているJavaScriptを$$Chartに設定したところ正常に表示されました。

      GoogleChartToolsのJavaScriptsは内容の書換等必要なのでしょうか?

        • 1. Re: GoogleChartToolの利用について
          user14047
          サンプルとしていただいたFileMakerのGoogleChartToolsのデモファイル

          がどんなファイルかわかりませんが、動いているサンプルの指定の仕方や、使われている javascript の内容と、Google Developers : Chart Gallery からダウンロードした javascript とを比較して違いを確認してみてください。

           

          WebViewer を使う場合の通常の検証方法ですが、確実なのが GetLayoutObjectAttribute ( WebViewer のオブジェクト名 ; "content" ) で得られた結果を html テキストとして保存し、Web ブラウザで確認するのがいいかと思います。

          Safari なら環境設定 > 詳細 から [メニューバーに"開発"メニューを表示] するようにした上で Webインスペクタを表示すれば、javascript のデバッグができるようになります。

          IE なら F12 開発者ツール(キーボードの [F12] キーをおすだけででます)を ことで同じようにデバッグできるようになりますので、是非ご自身で検証してみてください。

          • 2. Re: GoogleChartToolの利用について
            sago350@未来Switch
            • 3. Re: GoogleChartToolの利用について
              kobamasa

              user14047様

              sago350@未来Switch様

               

              回答ありがとうございました。

              返信が遅くなって申し訳ありません。

               

              サンプルのデモファイルとはsago350@未来Switch様のリンク先からダウンロードしたものと同じものです。

              このサンプルファイルのJavaScriptを私のDBにコピーすると正常に表示されます。

               

              うまく表示されないJavaScriptをhtml形式で保存しIE、Firefoxで表示させてみたところ正常に表示されました。

              でも相変わらずWindows版FileMakerのWebビューアでは表示できません。

               

              このDBをFileMakerGoで表示させてみたところうまく表示できることが分かりました。

               

              うまく表示できないJavaScriptはGoogleChartToolsからコピーしたもの全てです。

              参考として下記のようなものです。

               

              <html>
               
              <head>
                 
              <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
                 
              <script type="text/javascript">
                    google
              .charts.load('current', {'packages':['corechart']});
                    google
              .charts.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>
               
              </head>
               
              <body>
                 
              <div id="piechart" style="width: 900px; height: 500px;"></div>
               
              </body>
              </html>

               

              編集しなければならない箇所があるのでしょうか?

               

              よろしくお願いします。

              • 4. Re: GoogleChartToolの利用について
                user14047

                <HEAD> </ HEAD>の中に

                IE のレンダリングモードを最新のレンダリングモードにしてねというおまじないを1行入れてみてください。

                • 5. Re: GoogleChartToolの利用について
                  user14047

                  ありゃ、おまじない部分が消えてしまいました。ごめんなさい。

                  そして、なぜか修正しようにも編集できない...

                   

                  追加する行はこの1行です。

                  <meta http-equiv='X-UA-Compatible' content='IE=Edge' />

                  • 6. Re: GoogleChartToolの利用について
                    kobamasa

                    うまくいきました。

                    ありがとうございます。

                     

                    勉強不足で申し訳ありません。