flash

apiの記述について

0

https://github.com/movabletype/Documentation/wiki/chart-api-simple-example

こちらのソースのdata内のデータを外部のhoge.jsonから読み込みたいのですが、
記述方法がわからず、あぐねています。
おわかりになられる方がいらしたら、ご教示いただけないでしょうか。
よろしくお願いいたします。

返信(9)

| 返信する
  • 使ったことがないのですが、大まかには下記のような感じかなと思います。

    $(function () {
        $.ajax({
            url: "/path/to/foo.json"
        }).done(function (response) {
            // responseの内容は下記をイメージ
            // data: [
            //     {
            //         x: '2013-04',
            //         y: '123'
            //     },
            //     {
            //         x: '2013-05',
            //         y: '235'
            //     },
            //     {
            //         x: '2013-06',
            //         y: '76'
            //     }
            // ]
            var range = {
                dataType: 'general',
                length: 3
            };
            new MT.ChartAPI.Graph(response, range).trigger("APPEND_TO", $("#graph"));
        });
    });
    
  • >flashさん
    Hideki Abeさんと内容がかぶってしまってすいませんが、記事をエントリーしましたのでご確認ください。

    http://www.koikikukan.com/archives/2015/04/10-005555.php

  • Hideki Abe さん yujiroさん

    ありがとうございます。
    遅れてしまいすみません。
    読み込みの部分、いけそうです。

    バーの色を変えたり、体裁を変更できたりも可能なようなのですが、
    どういった記述をするのでしょうか。
    ドキュメントを見る限り、どこにも無さそうでした。

    また、横幅はCSSで変えられるのですが、
    高さがjs側で固定されているようでした。
    こちらを変更する方法も知りたいです。

    よろしくお願いいたします。

  • >flashさん
    上記の記事を元にサンプルつきでエントリーしましたのでご確認ください。
    http://www.koikikukan.com/archives/2015/04/14-005555.php

  • Hideki Abe さん yujiroさん
    ご丁寧な回答ありがとうございます。
    なぜかリファレンスが全部英語なので、解説のページとてもありがたいです。

    var config {~}内で任意の調整をする事までは調べたのですが、
    上記でいただいたソース(外部読み込みのソース)にそれを差し込むにあたって
    どこに加えたら良いのでしょうか。

    • >flashさん
      以下のような感じと思いますがいかがでしょうか。
      (動作未確認です、すいません)

      { "type": "morris.bar",
        "data": [
          {
            "x": "2013-04",
            "y": '123'
          },
          {
            "x": "2013-05",
            "y": '235'
          },
          {
            "x": "2013-06",
            "y": '76'
          }
      ] }
  • ありがとうございます。
    受け取るjs側の記述で試行していたのですが、
    パラメータを追加した状態のjsonを受け取る感じですね。
    大変為になりました。

    • >flashさん
      外部ファイルに(typeなどを)記述するは前述のコメント回答ようにし、受け取るjs側で指定したい場合はブログ記事のようにすれば動作するはずです。

返信する


カテゴリグループ

フォーラムカテゴリー

21 76

最新のトピック: 公開終了日の取り消し (2013年10月18日 gsk)

227 693

最新のトピック: AccessRankingGAの詳細設定 (2015年5月28日 sayahika)

154 454

最新のトピック: MT6.1 のフォルダ管理について (2015年4月 7日 yokota)

340 985

最新のトピック: 6.1の管理画面がスマホでみると英語表記に (2015年5月24日 eri)

OpenID対応しています OpenIDについて