初心者のFileMaker pro Q&A (旧掲示板)

みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。

1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)

You are not logged in.

Announcement

新しい掲示板は、こちら:https://fm-aid.com/forum/t/filemaker


#1 2018-08-09 10:08:18

google chartを使ったグラフの表示が小さい。。(IOS端末だと)

いつもお世話になっております
windows10 64bit/fm16 advanced  16.0.4.403
です

標題の件ですが、見よう見まねで
google chartを使用して、Webビューアで
グラフを作成したのですが


なんだかんだで、なんとか出来た!!!


と思ってたら、IOS端末で見ると
ものすごく小さく表示されています

※フィールが全辺200ptの大きさで、PCで見るとほぼフル(グラフも200ptに近い大きさ)でグラフが出ているのに
IOS端末から見ると、(グラフは)30ptくらいの大きさでフィールド左上にポツンと表示されています。。
(フィールドの大きさ自体は、当然端末によって変わってないですが、表示されるグラフだけ小さくなるという。。)

この回避方法が全く分かりません。。
ヒントをいただけないでしょうか。。
お願いいたしますm(_ _)m

※作成したカスタムWEBアドレスを記載します

data:text/html,
 <html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">

      // Load the Visualization API and the corechart package.
      google.charts.load('current', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.charts.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

        // Create the data table.
        var data = google.visualization.arrayToDataTable([
         ['', '', { role: 'style' }],
         ['分析型',49,'blue'],
         ['構造型',42,'green'],
         ['コンセプト型',7,'yellow'],
    ]);
        
        var view = new google.visualization.DataView(data);
      view.setColumns([0, 1,
                       { calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" },
                       2]);

        // Set chart options
        var options = {'title':'行動スタイル',
                       'width':330,
                       'height':120,
                       'min':0,
                       'max':100,
                       'legend': { position: 'none'}
                        };
                  
                     

        // Instantiate and draw our chart, passing in some options.
        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
        chart.draw(view, options);
      }
    
    </script>
  </head>

  <body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
  </body>
</html>

Offline

#2 2018-08-09 10:36:14

qb_dp
Member

Re: google chartを使ったグラフの表示が小さい。。(IOS端末だと)

おそらく以下の問題でしょう。
FileMaker Go 15 の Web ビューアでは、data URL の画像が小さい縮尺で描画される
https://support.filemaker.com/s/answerv … anguage=ja


<meta name="viewport" content="initial-scale=1.0" />  を追加すればおそらく大丈夫。

Offline

#3 2018-08-09 10:43:05

Re: google chartを使ったグラフの表示が小さい。。(IOS端末だと)

qb_dp wrote:

おそらく以下の問題でしょう。
FileMaker Go 15 の Web ビューアでは、data URL の画像が小さい縮尺で描画される
https://support.filemaker.com/s/answerv … anguage=ja


<meta name="viewport" content="initial-scale=1.0" />  を追加すればおそらく大丈夫。

qb_dp様

お世話になっております!
直りました!!!!!!

こんな一瞬で解決していただける事に感動しております!
(私の1週間の悩みは。。)

本当に助かりました!
ありがとうございました!!

Offline

Registered users online in this topic: 0, guests: 1
[Bot] ClaudeBot

Board footer

Powered by FluxBB
Modified by Visman

[ Generated in 0.008 seconds, 9 queries executed - Memory usage: 554.4 KiB (Peak: 581.62 KiB) ]