勉強会のためのTIPSまとめ

この勉強会のためだけの記事です

サンプルアプリ

絵文字を使いたい

HTMLソースの最初にこれを書けば使えます。

<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">

利用しているのはこのサイトです。
https://afeld.github.io/emoji-css/

グラフを描画する

/*
pprn : 採点データ
chart: 描画するcanvasタグに付与したid
*/

function drow(pprn,chart) {
  var data = {
      labels: [],
      datasets: [
          {
              label: "紳さんぺペロン日和",
              fillColor: "rgba(220,220,220,0.2)",
              strokeColor: "rgba(220,220,220,1)",
              pointColor: "rgba(220,220,220,1)",
              pointStrokeColor: "#fff",
              pointHighlightFill: "#fff",
              pointHighlightStroke: "rgba(220,220,220,1)",
              data: []
          }
      ]
  };
  Object.keys(pprn).forEach(function (key) {
    data.labels.push(key);
    data.datasets[0].data.push(pprn[key]);
  });
  var ctx = document.getElementById(chart).getContext("2d");
  var options = {
    scaleOverride : true,
    scaleSteps : 20,
    scaleStepWidth : 10,
    scaleStartValue : 0,
    scaleLabel: "<%=value%> 点"
  };
  new Chart(ctx).Line(data, options);
}```