Chart.jsレーザーチャート(Radar)

レーザーチャート(Radar)です。

var ctx = document.getElementById('mychart-radar');
var myChart = new Chart(ctx, {
  type: 'radar',
  data: {
    labels: ['Cost', 'Delivery', 'Quality', 'Process', 'Customer'],
    datasets: [{
      label: 'Product',
      data: [30, 40, 30, 40, 50],
      // データライン
      borderColor: 'green',
      borderWidth: 2,
    }],
  },
  options: {
    scales: {
      r: {
        // 最小値・最大値
        min: 0,
        max: 60,
        // 背景色
        backgroundColor: 'lightyellow',
        // グリッドライン
        grid: {
          color: 'lightseagreen',
        },
        // アングルライン
        angleLines: {
          color: 'brown',
        },
        // ポイントラベル
        pointLabels: {
          color: 'blue',
          backdropColor: '#ddf',
          backdropPadding: 5,
          padding: 20,
        },
      },
    },
  },
});