Chart.js #5850

by Akihiko Kusanagi

HTML

<script src="https://rawgit.com/nagix/nagix.github.io/chartjs/Chart.5850.js"></script>
<canvas id="chart1"></canvas>
<canvas id="chart2"></canvas>

JavaScript

var ctx1 = document.getElementById('chart1').getContext('2d');
var chart = new Chart(ctx1, {
  "type": "radar",
  "data": {
    "labels": ["A", "B", "C", "D", "E"]
  },
  "options": {
    "legend": false,
    "title": false,
    "scale": {
      "gridLines": {
        "color": "rgba(0, 0, 255, 0.5)",
        "lineWidth": 1,
        "borderDash": [4, 2],
        "borderDashOffset": 2
      },
      "angleLines": {
        "color": "rgba(0, 0, 255, 0.5)",
        "lineWidth": 1,
        "borderDash": [4, 2],
        "borderDashOffset": 2
      }
    }
  }
});

var ctx2 = document.getElementById('chart2').getContext('2d');
var chart2 = new Chart(ctx2, {
  "type": "radar",
  "data": {
    "labels": ["A", "B", "C", "D", "E"]
  },
  "options": {
    "legend": false,
    "title": false,
    "scale": {
      "gridLines": {
        "circular": true,
        "color": "rgba(0, 0, 255, 0.5)",
        "lineWidth": 1,
        "borderDash": [4, 2],
        "borderDashOffset": 2
      },
      "angleLines": {
        "color": "rgba(0, 0, 255, 0.5)",
        "lineWidth": 1,
        "borderDash": [4, 2],
        "borderDashOffset": 2
      }
    }
  }
});