kintone_chart.js

(function () {
    "use strict";

    function loadCSS(href) {
        document.write('<link rel="stylesheet" type="text/css" href="' + href + '" />');
    }
 
    function loadJS(src) {
      var s = document.createElement('script');
      s.src = src;
      document.body.appendChild(s);

      // document.write('<script type="text/javascript" src="' + src + '"></script>');
    }
 
    kintone.events.on('app.record.detail.show', function(event){
    
        var record = event.record;
        console.log(record);
        var elSpace = document.getElementById('user-js-chart_area');
        elSpace.style.width = "500px";
        elSpace.style.height = "500px";
        
        var chart = document.createElement('img');
        chart.src = "http://chart.apis.google.com/chart?" +
        "chd=t:" + 
        String(record.value_1.value)   + "," +
        String(record.value_2.value)   + "," +
        String(record.value_3.value)   + "&" +
        "cht=r&chxt=x,y&" + // 軸の設定
        "chds=0,4&" + // x軸の最小値,最大値
        "chxl=0:|１）呼吸|２）循環|３）体温|４）咀嚼|５）栄養|６）排便|７）排尿|８）上肢の自由|９）起居・移動|１０）皮膚の状態|１１）聴覚|１２）視覚|１３）快・不快|１４）気分・感情|１５）意思・疎通|１６）知的活動|" + // x軸の名称 #TODO objectから自動取得したい
        "1:||1|2|3|&" + // y軸の名称
//        "chts=000000,20&" + // チャート名のスタイル
//        "chtt=COMIチャート&" + // チャート名
	    "chls=4|4&" + // 線の太さ
        "chco=00AEEF&" + // 線の色
        "chm=B,00AEEF80,0,1.0,5.0|s,00AEEF,0,-1,12,0|s,FFFFFF,0,-1,8,0&" + //数値線の背景色 続けて濃度の%,（0,0,0）は範囲設定。最初の数値のデータから2つ目のデータまでを塗りつぶす等
        "chs=500x500";
        
        elSpace.appendChild(chart);
     });
     
    // レコード追加画面の保存前処理
    kintone.events.on('app.record.create.submit', function (event) {
 
        // 保存前の画面上のレコード
        var record = event.record;
        if(!record.hash.value) {
          record.hash.value = UUID.generate();
        }
        return event;
    });

     // jQuery の JavaScript ファイル
     // loadJS("http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js");
    // UUID生成ライブラリ
    loadJS('https://cdn.rawgit.com/LiosK/UUID.js/master/dist/uuid.core.js');
})();