在ionic 2中创建蜘蛛网图表

npm install chart.js --save

import Chart from 'chart.js';

<canvas id="spider-chart"></canvas>

ionViewDidEnter() {
  const ctx = document.getElementById('spider-chart');
  const spiderChart = new Chart(ctx, {
    type: 'radar',
    data: {
      labels: ['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5'],
      datasets: [{
        label: 'Dataset 1',
        data: [10, 20, 30, 40, 50],
        backgroundColor: 'rgba(255, 99, 132, 0.2)',
        borderColor: 'rgba(255, 99, 132, 1)',
        borderWidth: 1
      }]
    },
    options: {
      scale: {
        ticks: {
          beginAtZero: true,
          max: 100
        }
      }
    }
  });
}

ionViewDidEnter() {
  // 初始化图表的代码
}